nvue 页面调试注意事项

使用nvue页面注意事项

可前往uniapp官网查看：https://uniapp.dcloud.io/nvue-css

1.nvue的css仅支持flex布局
2.布局不能使用百分比，没有媒体查询
3.只有text标签可以设置字体大小，字体颜色
4.在选择器方面支持的必要，只支持简单的class=”classA”。
5.不支持class以外的选择器
6.nvue 页面控制显隐只可以使用v-if不可以使用v-show （控制元素显示隐藏，v-if和v-else结合使用，写两个v-if会造成样式错乱等）
7.不要在选项属性或回调上使用箭头函数，比如
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。

查看nvue开发与vue开发的常见区别：https://uniapp.dcloud.io/nvue-outline?id=nvue%e5%bc%80%e5%8f%91%e4%b8%8evue%e5%bc%80%e5%8f%91%e7%9a%84%e5%b8%b8%e8%a7%81%e5%8c%ba%e5%88%ab

欢迎下方评论补充~

博客园已更新：https://www.cnblogs.com/Yjjhn/articles/14767455.html