uni-app概要 |
通过 HBuilderX 可视化界面 |
通过 HBuilderX发布为小程序 |
通过vue-cli命令行运行uni app项目 |
框架简介 |
使用Vue.js注意事项 |
uni-app 常见问题 |
当前阅读教程:Uni-app入门教程 > 使用Vue.js注意事项 | |
阅读(22555525) 收藏 赞(5685) 分享 | |
上一篇: uni-app TypeScript 支持 | 下一篇: Class 与 Style 绑定 |
uni-app 在发布到H5时支持所有vue的语法;发布到App和小程序时,由于平台限制,无法实现全部vue语法,但uni-app仍是是对vue语法支持度最高的跨端框架。本文将详细讲解差异。 相比Web平台, Vue.js 在 uni-app 中使用差异主要集中在两个方面: l 新增:uni-app除了支持Vue实例的生命周期,还支持应用启动、页面显示等生命周期 l 受限:相比web平台,在小程序和App端部分功能受限。 生命周期uni-app 完整支持 Vue 实例的生命周期,同时还新增 应用生命周期 及 页面生命周期。 模板语法uni-app 完整支持 Vue 模板语法。 注意 如果使用老版的非自定义组件模式,即manifest中"usingComponents":false,部分模版语法不支持,但此模式已于2019年11月起下线。 data 属性data 必须声明为返回一个初始数据对象的函数;否则页面关闭时,数据不会自动销毁,再次打开该页面时,会显示上次数据。 //正确用法,使用函数返回对象 data() { return { title: 'Hello' } }
//错误写法,会导致再次打开页面时,显示上次数据 data: { title: 'Hello' }
全局变量实现全局变量的方式需要遵循 Vue 单文件模式的开发规范。 |
|
上一篇: uni-app TypeScript 支持 | 下一篇: Class 与 Style 绑定 |