Vue初學筆記01

綁定 DOM 元素的兩種方式

第一種：

 

第二種：

v-bind 屬性被稱爲指令。指令帶有前綴 v-，以表示它們是 Vue.js 提供的特殊屬性。可能你已經猜到了，它們會在渲染過的 DOM 上應用特殊的響應式行爲。這個指令的簡單含義是說：將這個元素節點的 title 屬性和 Vue 實例的 message 屬性綁定到一塊兒。

 

 

經過 vue.js（使用v-model這個指令）完成中間的底層邏輯，實現綁定的效果。改變其中的任何一層，另一層都會改變。

View 層 - HTML 代碼以下：

Model 層- JavaScript 代碼以下

 

字符串不改變，拼接，反轉

 

效果:

 

注：不知道怎麼回事，第一個*一直不成功。。。加上程序就運行不了了