组册 App

默认位置：src/app.wpy

  1. <!-- app.wpy -->
  3. <script>
  4. import wepy from '@wepy/core'
  6. wepy.app({
  7.   // 选项
  8. })
  9. </script>

组册页面

在 app.wpy 中 <config> 代码块中注册页面信息

  1. <!-- app.wpy -->
  3. <config>
  4. {
  5.   "pages": [
  6.     "pages/example"
  7.   ]
  8. }
  9. </config>

注册组件

与1.x 相比 2.0 在页面中使用组件有些不同，有别于 vue 中 import 的引入方式，这次 2.0 保留了原生的 usingComponents 方式。

  1. <!-- pages/example.wpy -->
  3. <config>
  4. {
  5.   "usingComponents": {
  6.     "comA": "components/comA"
  7.   }
  8. }
  9. </config>

数据与方法

与 vue 类似，注意⚠️一点：只有当实例被创建时 data 中存在的属性才是响应式的。也就是说如果你添加一个新的属性，比如：

  1. wepy.page({
  2.   data: {
  3.     a: 1
  4.   },
  5.   plus: function () {
  6.     // 点击 “+“ 按钮式触发
  7.     this.a++
  8.   },
  9.   sayHi: function () {
  10.     this.b = 'hi'
  11.   }
  12. })