vue注意事项
相比Web平台, Vue.js 在 uni-app 中使用差异主要集中在两个方面:
新增:uni-app除了支持Vue实例的生命周期,还支持应用启动、页面显示等生命周期
受限:相比web平台,部分功能受限,比如 v-html 指令,具体见下。(受限部分仅在App和小程序端受限,H5版不受限)
注意:
不要在选项属性或回调上使用箭头函数,比如 created: () => console.log(this.a) 或 vm.$watch('a', newValue => this.myMethod())。因为箭头函数是和父级上下文绑定在一起的,this 不会是如你做预期的 Vue 实例,且 this.a 或 this.myMethod 也会是未定义的。
建议使用 uni-app 的 onReady代替 vue 的 mounted。
建议使用 uni-app 的 onLoad 代替 vue 的 created。
注意事项
.vue 和 .nvue 并不是一个规范,因此一些在 .vue 中适用的方案并不适用于 .nvue。
Vue 上挂载属性,不能在 .nvue 中使用。
.nvue 不支持 vuex
如果希望 .vue 和 .nvue 共享一些数据的话,需要采用公用模块的方案,分别在 .vue 和 .nvue 文件中引入。
非H5端不支持 Vue官方文档:Class 与 Style 绑定 中的 classObject 和 styleObject 语法。
绑定的数据对象不必内联定义在模板里:
data: {