Vue

GoEdge中页面渲染使用Vue v2.x.x版本。

变量

在 Action 中设置的变量，可以在页面和Javascript中直接使用，比如 admin.go：

this.Data["admin"] = maps.Map{
	"id":              admin.Id,
	"fullname":        admin.Fullname,
	"username":        admin.Username,
	"isOn":            admin.IsOn,
	"isSuper":         admin.IsSuper,
	"canLogin":        admin.CanLogin,
	"countAccessKeys": countAccessKeys,
}

可以在 admin.html 中使用 {{admin.fullname}} 等变量：

<table class="ui table definition selectable">
    <tr>
        <td class="title">全名</td>
        <td>
            {{admin.fullname}}
        </td>
    </tr>
    <tr>
        <td>状态</td>
        <td>
            <label-on :v-is-on="admin.isOn"></label-on>
        </td>
    </tr>
</table>

可以在 admin.js 中使用 this.admin 变量：

Tea.context(function () {
	console.log(this.admin.fullname)	
})

组件

可以在 web/public/js/components.js 找到已经定义的Vue组件。

添加新组件后在调试模式下（go run ...）刷新页面即可生效（如果有浏览器缓存，请清除）；在部署时运行 build/ 目录下的 build.sh 或者 generate.sh，可以重新生成 /web/public/js/components.js 文件。