Vue

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

变量

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

  1. this.Data["admin"] = maps.Map{
  2.     "id":              admin.Id,
  3.     "fullname":        admin.Fullname,
  4.     "username":        admin.Username,
  5.     "isOn":            admin.IsOn,
  6.     "isSuper":         admin.IsSuper,
  7.     "canLogin":        admin.CanLogin,
  8.     "countAccessKeys": countAccessKeys,
  9. }

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

  1. <table class="ui table definition selectable">
  2.     <tr>
  3.         <td class="title">全名</td>
  4.         <td>
  5.             {{admin.fullname}}
  6.         </td>
  7.     </tr>
  8.     <tr>
  9.         <td>状态</td>
  10.         <td>
  11.             <label-on :v-is-on="admin.isOn"></label-on>
  12.         </td>
  13.     </tr>
  14. </table>

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

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

组件

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

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