vue

1. 理解并寫 Vue 掛載點(diǎn)是什么意思

掛載點(diǎn)，vue 僅處理掛點(diǎn)下面的內(nèi)容（dom 節(jié)點(diǎn)）。

1. Vue 實(shí)例有什么用, 與 MVVM 模型的關(guān)系是什么,處于什么位置

vue 實(shí)例可以創(chuàng)建虛擬 DOM 與 MVVM 模型的關(guān)系是 處于 vm 層

1. 實(shí)例演示 vue 中的常用屬性,如計(jì)算屬性,過濾器,偵聽器等, 并理解它的等價(jià)語法與核心本質(zhì)

• 計(jì)算屬性

  適用于多個(gè)數(shù)據(jù)影響一個(gè)屬性的情況

<div id="app">
  <span>總和:{{ total }}</span>
</div>

  data() {
    return {
      bef: 1,
      aft: 2,
    };
  },
  //     - 計(jì)算屬性
  computed: {
    total() {
      return this.bef + this.aft;
    },
  },

• 過濾器

<div id="app">
  <span>總和:{{ total | addOne }}</span>
</div>

filters: {
    addOne(val) {
      return val + 1;
    },
  },

• 偵聽器

<div id="app">
  <input type="text" v-model="bef" />
  <input type="text" v-model="aft" />
</div>

data() {
return {
    bef: 1,
    aft: 2,
};
  },
watch: {
bef: function(val) {
    this.aft = val;
},
},

批改老師：天蓬老師

批改狀態(tài)：合格

老師批語：還要努力呀