- 所在位置：
- 首页 >
- 编程技术 >
- JavaScript >
- uniapp和vue存在哪些不同，怎么理解
uniapp和vue存在哪些不同，怎么理解
Admin 2022-06-24 群英技术资讯 699 次浏览
今天小编跟大家讲解下有关“uniapp和vue存在哪些不同，怎么理解”的内容 ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了相关资料，希望小伙伴们看了有所帮助。1.简单的页面示例
<template> <view class="hello">{{hello}}view>template><script>export default { data() {return {hello: 'hello， 我是神的尾巴' } } }script><style>.hello {color: red;}style>
2.uni-app支持vue组件和小程序原生组件混用
具体的使用方式见uni-app 小程序组件支持
3.常用标签，常用组件包括view、text、swiper、scroll-view等。
支持在 template 模板中嵌套 和
和 并不是一个组件，它们仅仅是一个包装元素，不会在页面中做任何渲染，只接受控制属性。
<template>
<view>
<template v-if="test">
<view>test 为 true 时显示</view>
</template>
<template v-else>
<view>test 为 false 时显示</view>
</template>
</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的生命周期。
5.使用插件
uni-app 插件市场，去找一些适合我们业务场景的插件。
例如下拉刷新插件、原生APP一键登录插件等。
以上就是关于“uniapp和vue存在哪些不同，怎么理解”的介绍了，感谢各位的阅读，如果大家想要了解更多相关的内容，欢迎关注群英网络，小编每天都会为大家更新不同的知识。
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。
猜你喜欢
-
data URL的作用及语法是什么，常见问题有哪些
canvas有一个非常常用的方法canvas.toDataURL()，它会将canvas转化为data URL的格式。通常情况下这个data URL的类型为image。
-
JS程序控制流有几种结构，是怎样的？
本篇文章带大家吃透JavaScript中的程序控制流与函数，希望对大家有所帮助！
-
JavaScript中逻辑操作符有多少，分别怎么使用
逻辑操作符与，由两个‘&’字符组成（&&），只有当两个操作数都是true时，它才会是true。逻辑操作符或，由两个垂直线字符构成（||）。逻辑操作符非，由（！）单独构成。
-
node.js的buffer类什么时候用，有哪些使用事项要注意
1、什么时候该用buffer，什么时候不该用看一下如下的测试代码，分别是拼接各种不同长度的字符串，最后直接拼接了10MB的字符串varstring,string2,string3;varbufstr,bufstr2,bufstr3;varj;console.time('write1000string');for(j=0;j<1000;j++){varx=j
-
webpack代码分片的实现方式和过程是什么
代码分片是webpck打包工具所特有的一项技术，通过这项功能可以把代码按照特定的形式进行拆分，使用户不必一次全部加载，而是按需加载。本文就来详细介绍，感兴趣的可以了解一下
推荐内容
成为群英会员,开启智能安全云计算之旅
立即注册
Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所有
增值电信经营许可证 : B1.B2-20140078 粤ICP备09006778号 域名注册商资质 粤 D3.1-20240008
