uniapp和vue的区别代码示例解析

本篇文章小编给大家分享一下uniapp和vue的区别代码示例解析，文章代码介绍的很详细，小编觉得挺不错的，现在分享给大家供大家参考，有需要的小伙伴们可以来看看。

项目目录：

┌─uniCloud 云空间目录，阿里云为uniCloud-aliyun,腾讯云为uniCloud-tcb

│─components 符合vue组件规范的uni-app组件目录

│ └─comp-a.vue 可复用的a组件

├─hybrid App端存放本地html文件的目录

├─platforms 存放各平台专用页面的目录

├─pages 业务页面文件存放的目录

│ ├─index

│ │ └─index.vue index页面

│ └─list

│ └─list.vue list页面

├─static 存放应用引用的本地静态资源（如图片、视频等）的目录，注意：静态资源只能存放于此

├─uni_modules 存放uni_module规范的插件。

├─wxcomponents 存放小程序组件的目录

├─main.js Vue初始化入口文件

├─App.vue 应用配置，用来配置App全局样式以及监听 应用生命周期

├─manifest.json 配置应用名称、appid、logo、版本等打包信息

└─pages.json 配置页面路由、导航条、选项卡等页面类信息

1.简单的页面示例

2.uni-app支持vue组件和小程序原生组件混用

具体的使用方式见uni-app 小程序组件支持：https://uniapp.*dc*l*oud.io/frame?id=小程序组件支持。

3.常用标签，常用组件包括view、text、swiper、scroll-view等。

支持在 template 模板中嵌套 和

和 并不是一个组件，它们仅仅是一个包装元素，不会在页面中做任何渲染，只接受控制属性。

4.生命周期

4.1应用生命周期,这app.vue里面

4.2页面生命周期，可以做每个页面中写。

uni-app 支持如下页面生命周期函数：

onLoad: function() {

console.log(‘visitor onLoad');

},

onShow: function() {

console.log(‘visitor onShow');

},

mounted: function() {

console.log(‘visitor mounted');

},

4.3组件生命周期, 相当于vue的生命周期。