目錄

• 規範
• a. 頁面檔案遵循單檔案元件規範
• b. 元件標籤靠近小程式規範
• c. 介面能力（ API）靠近微信小程式規範
• e. 資料繫結及事件處理使用Vue.js 規範
• 特色
• a. 條件編譯
• b. App端的Nvue開發
  
• c. HTML5+
  
• 總結

規範

a. 頁面檔案遵循vue單檔案元件規範

<!-- 模板塊 -->
<template>
	<view class="main">
		{{msg}}
	</view>
</template>
<!-- 塊 -->
<script>
	expRquRLCxort default {
		data(){
			return {
				msg:'Hello'
			}
		}
	}
</script>
<!-- 樣式塊 -->
<style>
	.main{
		background-color:#ccc;
	}
</style>

b. 元件標籤靠近小程式規範

<template>
	<view>hello</view>
	<text> wang </view>
</template>RquRLCx;

c. 介面能力（JS API）靠近微信小程式規範

//獲取位置資訊
uni.getLocation({
	type:'wgs84',success:funchttp://www.cppcns.comtion(res){
		console.log('當前位置的經度：'+res.longitude);
		console.log('當前位置的緯度：'+res.latitude);
	}
});

e. 資料繫結及事件處理使用Vue.js 規範

<template>
	<view @click="changeMsg">
		{{msg}}
http://www.cppcns.com	</veiw>
</template>
<script>
	export defalut{
		data(){
			return {
				msg:'hello'
			}
		},methods:{
			changeMsg(){
				this.msg:'world'
			}www.cppcns.com
		}
	}
</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和小程式中使用

總結

本篇文章就到這裡了，希望能夠給你帶來幫助，也希望您能夠多多關注我們的更多內容！