【11】前端實習：VUE基礎鞏固

【掛載點，模板，實例之間的關係】

【數據，事件，方法】

• 語法：插值表達式：

  <h1>{{number}}</h1> //{{ }}插值表達式
  
  <h1 v-html="number"></h1>//v-html是vue的指令，代表h1裏面的變量是number
  <h1 v-text="number"></h1>

  區別：v-html 輸出的是： hello
• v-text輸出的是：<h1>hello</h1>
• v-on:click="handleClick"   (綁定點擊事件） 簡寫：@click

 

【vue中屬性綁定和雙向數據綁定】

1. v-bind:屬性名 = " "  或者簡寫爲    ：屬性名 = " "

    

    

2. 雙向綁定：v-model= ""   <input>裏面的值發生變化，content也會發生變化

 

【VUE的計算屬性和偵聽器】

1.computed會使用之前的緩存值，計算屬性的依賴屬性改變了纔會計算。

2.偵聽器

 

【v-if  ,v-show ,v-for 】

1.v-if（判斷語句）控制dom的存在與否，v-show控制dom的顯示與否

2.v-for（列表渲染）