uniapp使用的vue语法吗,uniapp中nvue与vue的区别-简书

　　本文主要介绍uniapp和vue的区别。通过示例代码进行了非常详细的介绍，对于大家的学习或者工作都有一定的参考价值。有需要的朋友下面和边肖一起学习。

　　 1.简单页面示例2.uni-app支持vue组件和applet原生组件的混合使用3 .常用标签，常用组件包括视图、文本、滚动条、滚动视图等。4.Lifecycle 4.1应用生命周期，这个app.vue有4.2个页面生命周期，每个页面都可以写。4.3组件生命周期，相当于vue的生命周期。5.使用插件总结项目目录：

　　— UniCloud云托管目录，阿里云是unicloud-阿里云，腾讯云是uniCloud-tcb。

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

　　 comp-a.vue可重用组件

　　& hybrid应用程序中存储本地html文件的目录

　　用于存储每个平台的专用页面的platforms目录

　　存储pages业务页面文件的目录

　　 index

　　 index.vue索引页

　　 list

　　 list.vue列表页面

　　static存储本地静态资源(如图片、视频等)的目录。)被应用程序引用。注意：静态资源只能存储在这里。

　　-uni_modules存储了Uni _ Module规范的插件。

　　& wxcomponents存储小部件组件的目录

　　main.js Vue初始化入口文件

　　App.vue应用配置，用于配置应用的全局风格，监控应用的生命周期。

　　manifest.json配置打包信息，如应用程序名称、appid、徽标和版本。

　　pages.json配置页面信息，如页面路由、导航栏、选项卡等。

1.简单的页面示例

　　template class= hello { { hello } } viewtemplatescripteexport default { data(){ return { hello:你好，我是上帝的尾巴 } } } script style . hello { color:red；}风格

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

　　具体用法参见uni-app applet组件支持：https://uniapp.dcloud.io/frame?Id=applet组件支持。

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

　　支持嵌套和模板中的模板。

　　和不是组件，它们只是一个包装元素，不会在页面中呈现，只接受控件属性。

　　模板

　　视角

　　模板v-if=test

　　测试为真时显示/查看

　　/模板

　　模板v-else

　　测试为假时显示/查看

　　/模板

　　/查看

　　/模板

4.生命周期

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

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

　　Uni-app支持以下页面生命周期功能：

　　onLoad: function() {

　　console . log( visitor onLoad )；

　　onShow: function() {

　　console . log( visitor on show )；

　　已安装：函数(){

　　console.log(访问者安装)；

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

5.使用插件

　　Uni-app插件市场，寻找一些适合我们业务场景的插件。

　　比如下拉刷新插件，native APP的一键登录插件等。

总结

　　本文到此为止。希望能帮到你，也希望你能多关注我们的更多内容！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。

目录