位置:电子教程 > Uni-app入门教程 (如果看不到内容请使用360浏览器) 推荐学习资源
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,部分模版语法不支持,但此模式已于201911月起下线。

data 属性

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

//正确用法,使用函数返回对象

data() {

    return {

        title: 'Hello'

    }

}

 

//错误写法,会导致再次打开页面时,显示上次数据

data: {

    title: 'Hello'

}

 

全局变量

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


上一篇: uni-app TypeScript 支持 下一篇: Class 与 Style 绑定
计算机毕业设计作品网      毕业设计文档网      小程序教程网       毕业设计资料网  |         毕业设计定制QQ:45157718(微信同号)(备注:毕设)