- 所在位置：
- 首页 >
- 编程技术 >
- JavaScript >
- uniapp和vue存在哪些不同，怎么理解
uniapp和vue存在哪些不同，怎么理解
Admin 2022-06-24 群英技术资讯 334 次浏览
今天小编跟大家讲解下有关“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进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。
猜你喜欢
-
JS判断是否有class的方法是什么
方法：1、利用getAttribute()方法获取指定class的属性值；2、利用if语句判断获取到的指定class属性值是否为空即可，语法为“if(获取到的指定class属性值=null){不存在代码;}else{存在代码;}”。
-
JS对象数组怎样做增删改的简单操作？
我们知道JS中有很多操作数组的方便方法，因此这篇文章就主要给大家分享JS对象数组的简单增删改操作，下文有实例供大家参考，感兴趣的朋友就继续往下看吧。
-
this关键字的值取决什么，相关要点有哪些
js中的this关键字平时在开发中使用时倒是也能正常应用,但是对其使用和判断并不能信手拈来,所以下面这篇文章主要给大家介绍了关于js中this关键字的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
-
Node.js进程通信的原理及具体实现是怎样
进程间怎么进行通信？下面本篇文章给大家介绍一下Nodejs进程间通信的原理，希望对大家有所帮助！
-
JS创建不可变对象是指什么，怎样实现？
Javascript是一种灵活的语言，你可以重新定义任何东西，但是当项目变得复杂时，我们会发现可变数据结构的问题。随着JavaScript的最新版本的发布这种情况发生了改变。现在可以创建不可变的对象了。本文介绍如何用三种不同的方法来做。
推荐内容
成为群英会员,开启智能安全云计算之旅
立即注册
Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所有
增值电信经营许可证 : B1.B2-20140078 粤ICP备09006778号 域名注册商资质 粤 D3.1-20240008
