组册 App
默认位置:src/app.wpy
<!-- app.wpy -->
<script>
import wepy from '@wepy/core'
wepy.app({
// 选项
})
</script>
组册页面
在 app.wpy
中 <config>
代码块中注册页面信息
<!-- app.wpy -->
<config>
{
"pages": [
"pages/example"
]
}
</config>
注册组件
与1.x 相比 2.0 在页面中使用组件有些不同,有别于 vue 中 import 的引入方式,这次 2.0 保留了原生的 usingComponents 方式。
<!-- pages/example.wpy -->
<config>
{
"usingComponents": {
"comA": "components/comA"
}
}
</config>
数据与方法
与 vue 类似,注意⚠️一点:只有当实例被创建时 data 中存在的属性才是响应式的。也就是说如果你添加一个新的属性,比如:
wepy.page({
data: {
a: 1
},
plus: function () {
// 点击 “+“ 按钮式触发
this.a++
},
sayHi: function () {
this.b = 'hi'
}
})