- 所在位置：
- 首页 >
- 编程技术 >
- JavaScript >
- uniapp和vue存在哪些不同，怎么理解
uniapp和vue存在哪些不同，怎么理解
Admin 2022-06-24 群英技术资讯 494 次浏览
今天小编跟大家讲解下有关“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进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。
猜你喜欢
-
vue实现集成腾讯TIM即时通讯
最近在做商城类的项目，需要使用到客服系统，用户选择的腾讯IM即时通信，所以本文主要介绍了vue实现集成腾讯TIM即时通讯，感兴趣的可以了解一下
-
Typescript中this的用法是怎样，不同调用this的指向是什么
这篇文章主要介绍了详解Typescript里的This的使用方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
-
JS怎么实现自动轮播图切换，代码是什么
这篇文章主要为大家详细介绍了js实现轮播图自动切换，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
-
VUE中条件编码指什么，写法是怎样
这篇文章主要介绍了uni-app 的条件编码和页面布局，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
-
如何理解JS作用域链，作用域的分类有几种
本篇文章给大家带来了关于JavaScript的相关知识，其中主要介绍了作用域链的相关内容，作用域是一套规则，负责收集并维护由所有声明的标识符（变量）组成的一系列查询，并实施一套非常严格的规则，确定当前执行的代码对这些标识符的访问权限；下面一起来看一下，希望对大家有帮助。
推荐内容
成为群英会员,开启智能安全云计算之旅
立即注册
Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所有
增值电信经营许可证 : B1.B2-20140078 粤ICP备09006778号 域名注册商资质 粤 D3.1-20240008
