1.直接架加載vue.js文件方式?<script src="vue.min.js"></script>...

2.npm前端包管理 安裝vue? ? $ npm i vue --save-dev

<span>Text:{{text}}</span>? 數(shù)據(jù)綁定 text變化

<span>Text:{{*text}}</span> 只渲染一次 ，接下來數(shù)據(jù)變化不再更新

{{text}} 雙大括號? ?里面text當做字符串

{{{text}}} HTML代碼段

<li data-id='{{text}}'><li> 雙大括號還可以放到HTML標簽里

支持簡單的表達式? ? ?{{cents/100}}? ? ?{{true?1:0}}? ? ??{{example.split(",")}}

注：錯誤示例? ? var logo = 'asdas'? ?不是語句也不是表達式??

? ? ? ? ? ? ? ? ? ? ? ? ?if(true) return 'asdass'? ?不支持條件控制語句可使用三元式

支持過濾符 {{example|toUppercase}}?

允許串聯(lián)?{{example|filter1|filter2}}? ?

過濾器支持傳入?yún)?shù)?{{example|filter a b}}

指令? ?v-前綴寫法? ? 例如

<div v-if="show">asd</div>? 當 show為true時? 顯示? ?asd

指令參數(shù)寫法? ?

?<a v-bind:href="url"></a>? <div v-on:click="action"></div>

分隔符配置? ?vue.js 數(shù)據(jù)綁定語法是可配置的? ? 源碼 src/config.js? ? ?

let delimiters = ['{{','}}']? 文本? ?let unsateDelimiters = ['{{{','}}}']? HTML代碼段

自定義??Vue.config.delimiters = ["<%","%>"]??

? ? ? ? ? ? ?Vue.config.unsateDelimiters= ["<$","$>"]

注：部分參考詳見VUE.JS權威指南-電子工業(yè)出版社