Vue

CDN中页面渲染使用Vue v3.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.vue 中使用 {{ctx.admin.fullname}} 等变量：

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

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

export default function () {
    const {} = initCtx(this)
	console.log(this.admin.fullname)	
}

组件

可以在 CloudAdminFront/src/components 找到已经定义的Vue组件。