本文為博主原創，未經允許不得轉載：
之前自學了vue，在項目中應用了vue，由於是第一次使用，感覺非常強大，使用也非常方便，趁有時間，總結一下vue學習過程中
各個指令的使用方法，只要掌握了vue的指令，就能熟練使用vue。
以下為HTML模板{{ }}的使用方法：
<!DOCTYPE html> <html lang="zh"> <head> <script src="https://unpkg.com/vue@2.5.13/dist/vue.js"></script> </head> <body> <div id="app" > <!-- {{ }}為HTML模板，用於輸出對象屬性和函數返回值， 里面不僅可以寫js變量， 還可以寫一些簡單的表達式，比如三目運算符，累加等等， 當里面寫方法的時候，必須要在vue中申明 --> <!--{{age>60 ? "老人":"年輕人"}}--> <!--{{fullName.split(" ")[1]}}--> {{getFullName()}} </div> <script> /** * 每個 Vue 應用都需要通過實例化 Vue 來實現。 */ var vm = new Vue({ /* el:用於綁定屬性的元素 */ el:"#app", //
//data 用於定義屬性， data:{ msg:"hello world!!", age: 30, firstName : "liu234", lastName : "luw3111i", fullName : "luwei 6" }, /* 用於定義的函數，可以通過 return 來返回函數值。*/ methods : { getFullName : function(){ //this指vm實例 return this.firstName + "" + this.lastName } } }) </script> </body> </html>
使用效果：
