这篇文章主要介绍“VUE uni-app核心知识有哪些”,在日常操作中,相信很多人在VUE uni-app核心知识有哪些问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”VUE uni-app核心知识有哪些”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!
<!-- 模板块 -->
<template>
<view class="main">
{{msg}}
</view>
</template>
<!-- 脚本块 -->
<script>
export default {
data(){
return {
msg:'Hello'
}
}
}
</script>
<!-- 样式块 -->
<style>
.main{
background-color:#ccc;
}
</style>
<template>
<view>hello</view>
<text> wang </view>
</template>
//获取位置信息
uni.getLocation({
type:'wgs84',
success:function(res){
console.log('当前位置的经度:'+res.longitude);
console.log('当前位置的纬度:'+res.latitude);
}
});
<template>
<view @click="changeMsg">
{{msg}}
</veiw>
</template>
<script>
export defalut{
data(){
return {
msg:'hello'
}
},
methods:{
changeMsg(){
this.msg:'world'
}
}
}
</scrip>
#ifdef APP-PLUS
仅出现在APP平台下的代码
#endif
#ifndef H5
除了H5平台,其它平台均存在的代码
#endif
#ifdef H5 || MP-WEIXION
在H5平台或微信信小程序平台存在的代码
#endif
uni-app App端内置了一个基于 weex 改进的原生渲染引擎,提供了原生渲染能力。
在App端,如果使用vue页面,则使用webview渲染;如果使用nvue页面,则使用原生渲染。
uni-app App端内置HTML5+ 引擎;让 js 可以直接调用丰富的原生能力。一些比较复杂的功能,可以直接调用App原生插件来实现。只能在App端使用,无法在H5和小程序中使用
到此,关于“VUE uni-app核心知识有哪些”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注亿速云网站,小编会继续努力为大家带来更多实用的文章!
亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。