浅谈VUE uni-app 核心知识
更新时间：2021年10月19日 16:41:57 作者：上晴下雪
这篇文章主要给大家介绍了关于uniapp的核心知识，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
规范
a. 页面文件遵循vue单文件组件规范
<!-- 模板块 -->
<template>
<view class="main">
{{msg}}
</view>
</template>
<!-- 脚本块 -->
<script>
export default {
data(){
return {
msg:'Hello'
}
}
}
</script>
<!-- 样式块 -->
<style>
.main{
background-color:#ccc;
}
</style>
b. 组件标签靠近小程序规范
<template> <view>hello</view> <text> wang </view> </template>
c. 接口能力（JS API）靠近微信小程序规范
//获取位置信息
uni.getLocation({
type:'wgs84',
success:function(res){
console.log('当前位置的经度：'+res.longitude);
console.log('当前位置的纬度：'+res.latitude);
}
});
e. 数据绑定及事件处理使用Vue.js 规范
<template>
<view @click="changeMsg">
{{msg}}
</veiw>
</template>
<script>
export defalut{
data(){
return {
msg:'hello'
}
},
methods:{
changeMsg(){
this.msg:'world'
}
}
}
</scrip>
特色
a. 条件编译
#ifdef APP-PLUS 仅出现在APP平台下的代码 #endif #ifndef H5 除了H5平台，其它平台均存在的代码 #endif #ifdef H5 || MP-WEIXION 在H5平台或微信信小程序平台存在的代码 #endif
b. App端的Nvue开发
uni-app App端内置了一个基于 weex 改进的原生渲染引擎，提供了原生渲染能力。
在App端，如果使用vue页面，则使用webview渲染；如果使用nvue页面，则使用原生渲染。
c. HTML5+
uni-app App端内置HTML5+ 引擎；让 js 可以直接调用丰富的原生能力。一些比较复杂的功能，可以直接调用App原生插件来实现。只能在App端使用，无法在H5和小程序中使用
总结
本篇文章就到这里了，希望能够给你带来帮助，也希望您能够多多关注脚本之家的更多内容！
相关文章
这篇文章主要介绍了Vue中使用Echarts的两种方式,本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下2018-07-07
vue3中update:modelValue的使用与不生效问题解决
现在vue3的使用越来越普遍了,vue3这方面的学习我们要赶上,下面这篇文章主要给大家介绍了关于vue3中update:modelValue的使用与不生效问题的解决方法,需要的朋友可以参考下2022-03-03
这篇文章主要介绍了基于Vue的SPA动态修改页面title的方法,需要的朋友可以参考下2018-01-01
vue + typescript + video.js实现 流媒体播放 视频监控功能
视频才用流媒体，有后台实时返回数据， 要支持flash播放， 所以需安装对应的flash插件。这篇文章主要介绍了vue + typescript + video.js 流媒体播放 视频监控,需要的朋友可以参考下2019-07-07
通过Vuex共享数据,官方给出的跨多组件传递数据的解决方案,下面这篇文章主要给大家介绍了关于vue组件之间传值的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-09-09
这篇文章主要介绍了VUE脚手架下载和配置，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-04-04
今天小编就为大家分享一篇关于vue里页面的缓存详解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-11-11
随着搬运工的逐渐增加,原创作者的利益收到了极大的影响。所以给图片或视频加上水印显得极其重要。本文分享一个由canvas和vue.js制作的图片水印添加器，需要的可参考一下2022-06-06
本文主要介绍了vue3安装vant实现按需引入和全局引入，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-04-04
本篇文章主要介绍了vue父子组件通信 ，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-01-01
最新评论