淺談VUE uni-app 核心知識(shí)
更新時(shí)間：2021年10月19日 16:41:57 作者：上晴下雪
這篇文章主要給大家介紹了關(guān)于uniapp的核心知識(shí)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
規(guī)范
a. 頁(yè)面文件遵循vue單文件組件規(guī)范
<!-- 模板塊 -->
<template>
<view class="main">
{{msg}}
</view>
</template>
<!-- 腳本塊 -->
<script>
export default {
data(){
return {
msg:'Hello'
}
}
}
</script>
<!-- 樣式塊 -->
<style>
.main{
background-color:#ccc;
}
</style>
b. 組件標(biāo)簽靠近小程序規(guī)范
<template> <view>hello</view> <text> wang </view> </template>
c. 接口能力（JS API）靠近微信小程序規(guī)范
//獲取位置信息
uni.getLocation({
type:'wgs84',
success:function(res){
console.log('當(dāng)前位置的經(jīng)度：'+res.longitude);
console.log('當(dāng)前位置的緯度：'+res.latitude);
}
});
e. 數(shù)據(jù)綁定及事件處理使用Vue.js 規(guī)范
<template>
<view @click="changeMsg">
{{msg}}
</veiw>
</template>
<script>
export defalut{
data(){
return {
msg:'hello'
}
},
methods:{
changeMsg(){
this.msg:'world'
}
}
}
</scrip>
特色
a. 條件編譯
#ifdef APP-PLUS 僅出現(xiàn)在APP平臺(tái)下的代碼 #endif #ifndef H5 除了H5平臺(tái)，其它平臺(tái)均存在的代碼 #endif #ifdef H5 || MP-WEIXION 在H5平臺(tái)或微信信小程序平臺(tái)存在的代碼 #endif
b. App端的Nvue開(kāi)發(fā)
uni-app App端內(nèi)置了一個(gè)基于 weex 改進(jìn)的原生渲染引擎，提供了原生渲染能力。
在App端，如果使用vue頁(yè)面，則使用webview渲染；如果使用nvue頁(yè)面，則使用原生渲染。
c. HTML5+
uni-app App端內(nèi)置HTML5+ 引擎；讓 js 可以直接調(diào)用豐富的原生能力。一些比較復(fù)雜的功能，可以直接調(diào)用App原生插件來(lái)實(shí)現(xiàn)。只能在App端使用，無(wú)法在H5和小程序中使用
總結(jié)
本篇文章就到這里了，希望能夠給你帶來(lái)幫助，也希望您能夠多多關(guān)注腳本之家的更多內(nèi)容！
相關(guān)文章
本篇文章主要介紹了vue 粒子特效的示例代碼，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-09-09
解決vue elementUI 使用el-select 時(shí) change事件的觸發(fā)問(wèn)題
這篇文章主要介紹了解決vue elementUI 使用el-select 時(shí) change事件的觸發(fā)問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-11-11
ant desing vue table 實(shí)現(xiàn)可伸縮列的完整例子
最近在使用ant-design-vue做表格時(shí)，遇到要做一個(gè)可伸縮列表格的需求，在網(wǎng)上一直沒(méi)有找到好的方法，于是小編動(dòng)手自己寫(xiě)個(gè)可以此功能，下面小編把a(bǔ)nt desing vue table 可伸縮列的實(shí)現(xiàn)代碼分享到腳本之家平臺(tái)供大家參考2021-05-05
這篇文章主要介紹了vue.js中npm安裝教程圖解,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2018-04-04
這篇文章主要介紹了vue項(xiàng)目安裝使用vconsole方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-11-11
這篇文章主要介紹了VUE v-bind 數(shù)據(jù)綁定,簡(jiǎn)單點(diǎn)來(lái)說(shuō)就是對(duì) HTML 中的元素，我們可以使用 v-bind 來(lái)進(jìn)行綁定和動(dòng)態(tài)的數(shù)據(jù)輸出，本文結(jié)合示例代碼給大家介紹的非常詳細(xì)，需要的朋友可以參考下2023-05-05
vue項(xiàng)目history模式刷新404問(wèn)題解決辦法
這篇文章主要給大家介紹了關(guān)于vue項(xiàng)目history模式刷新404問(wèn)題的解決辦法,需要的朋友可以參考下2023-11-11
el-date-picker默認(rèn)結(jié)束為當(dāng)前時(shí)分秒的操作方法
在element?ui中的日期時(shí)間選擇組件中默認(rèn)是00:00,現(xiàn)在需求是點(diǎn)擊默認(rèn)結(jié)束時(shí)間為當(dāng)前時(shí)分秒,查了很多資料寫(xiě)的都不準(zhǔn)確?,今天給大家分享el-date-picker默認(rèn)結(jié)束為當(dāng)前時(shí)分秒的操作方法,感興趣的朋友一起看看吧2024-01-01
這篇文章主要介紹了vue axios整合使用全攻略,需要的朋友可以參考下2018-05-05
使用van-picker?動(dòng)態(tài)設(shè)置當(dāng)前選中項(xiàng)
這篇文章主要介紹了使用van-picker?動(dòng)態(tài)設(shè)置當(dāng)前選中項(xiàng)方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-10-10