vue1上課總結(jié)

MVVM

• VM是什么?
  • 答案:連接views層和model的對象

插值表達(dá)式

• 插值表達(dá)式用來干什么?
  • 答案: 1.用來輸出model書寫的數(shù)據(jù)
  • 2.渲染頁面

語法:v-text/v-html

• v-text作用是什么?
  • 答案:v-text是用來渲染頁面的和插值表達(dá)式的作用差不多,但是沒有{{}}放便
  • 先說v-html是用來轉(zhuǎn)義標(biāo)簽的,但是不要輕易使用,容易遭到黑客攻擊,只是用在可信的網(wǎng)站上

語法:v-bind

• 問題:他是綁定給誰的?
  • 答案: 他是綁定給標(biāo)簽的屬性上
• 用法 :v-bind:屬性名 = 'data里面的屬性'
• 簡寫:/ :屬性名 = 'data里面的屬性'

語法 v-for

• 問題:渲染對象三個參數(shù) => index:對象的索引,key:對象的鍵,value:對象鍵的值
  - 渲染數(shù)組兩個參數(shù) => index:數(shù)組的索引,item:數(shù)組的值
• 用法 :循環(huán)渲染數(shù)組/對象

    <!-- 
  v-for用法：
    item in Array
    (item, index) in Array
    value in Object
    (value, key, index) in Object
  
  :key屬性具有唯一性，不能重復(fù)，它能夠唯一標(biāo)識數(shù)組的每一項
  將來數(shù)據(jù)中的某一項的值發(fā)生了改變，則v-for只會更新當(dāng)前項對應(yīng)的這個dom元素的值，而不是更新整個數(shù)據(jù)，從而提高效率，參考https://www.zhihu.com/question/61064119/answer/183717717
  
  注意：以下變動不會觸發(fā)視圖更新
    1. 通過索引給數(shù)組設(shè)置新值
    2. 通過length改變數(shù)組
  解決：
    1. Vue.set(arr, index, newValue)
    2. arr.splice(index, 1, newValue)
  -->
  <ul>
    <li v-for="item in user">{{item.name}}</li>
    <li v-for="(item, index) in user" :key="index">{{index}}.{{item.name}}</li>
    <li>---------------華麗的分割線---------------</li>
    <li v-for="value in boss">{{value}}</li>
    <li v-for="(value, key, index) in boss"> {{index}}.{{key}}:{{value}}</li>
  </ul>
  <script>
  var vm = new Vue({
    el: '#app',
    data: {
      user: [
        {name: 'jack'},
        {name: 'neil'},
        {name: 'rose'}
      ],
      boss: {
        name: '馬云',
        age: 50,
        money: 1000000002030
      }
    }
  })
  </script>
  
  

數(shù)組key是

• 必須要寫唯一標(biāo)識

語法: v-model

• 用法:數(shù)據(jù)雙向綁定----model和views的值同步變化
• 注意:只能用在只能在input/textarea/select上使用

語法: v-on 指令監(jiān)聽dom事件

• 使用方法:
  • 1,在標(biāo)簽的屬性位置上寫上v-on:任意的事件類型=" 要執(zhí)行的函數(shù)"
  • 2,簡寫:@任意的事件類型 = ' 執(zhí)行的函數(shù)'
  • 3,通過執(zhí)行函數(shù)添加參數(shù)
  • 4,通過執(zhí)行函數(shù)中添加event參數(shù)傳遞事件對象,注意只能是event,并且不能帶引號
  • 5,事件修飾符可以給事件添加特殊功能 .stop .prevent
  • 6,可以給和按鍵相關(guān)的事件添加按鍵修飾符 常用的有 .enter