uni-app入门基础教程(五)

使用Vue.js注意事项

uni-app 在发布到H5时支持所有vue的语法;发布到App和小程序时,由于平台限制,无法实现全部vue语法,但uni-app仍是是对vue语法支持度最高的跨端框架。本文将详细讲解差异。

相比Web平台, Vue.js 在 uni-app 中使用差异主要集中在两个方面:

  • 新增:uni-app除了支持Vue实例的生命周期,还支持应用启动、页面显示等生命周期
  • 受限:相比web平台,在小程序和App端部分功能受限,具体见下。
  • v3版本App端可以使用更多的vue特性,详见

一、生命周期

uni-app 完整支持 Vue 实例的生命周期,同时还新增 应用生命周期 及 页面生命周期。

详见Vue官方文档:生命周期钩子。

二、模板语法

uni-app 完整支持 Vue 模板语法。

详见Vue官方文档:模板语法。

注意 !如果使用老版的非自定义组件模式,即manifest中”usingComponents”:false,部分模版语法不支持,但此模式已于2019年11月起下线。

三、data 属性

data 必须声明为返回一个初始数据对象的函数;否则页面关闭时,数据不会自动销毁,再次打开该页面时,会显示上次数据。

uni-app

四、全局变量

实现全局变量的方式需要遵循 Vue 单文件模式的开发规范。

uni-app入门基础教程(一)

uni-app入门基础教程(二)

uni-app入门基础教程(三)

uni-app入门基础教程(四)


<来客推(www.laiketui.com)是国内知名商城系统及商城网站建设提供商,为企业级商家提供零售商城、B2B2C多用户商城系统、社区团购商城系统、微信分销系统、小程序商城、微分销系统等多端商城网站建设解决方案>

申明:本网站部分文章和图片来源网络编辑,如有侵权及时沟通删除,来客电商原创文章,转载请注明来源。

相关新闻

QR code