（1112）vue

vue

1. 理解并写 Vue 挂载点是什么意思

挂载点，vue 仅处理挂点下面的内容（dom 节点）。

1. Vue 实例有什么用, 与 MVVM 模型的关系是什么,处于什么位置

vue 实例可以创建虚拟 DOM 与 MVVM 模型的关系是 处于 vm 层

1. 实例演示 vue 中的常用属性,如计算属性,过滤器,侦听器等, 并理解它的等价语法与核心本质

• 计算属性

  适用于多个数据影响一个属性的情况

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

  data() {
    return {
      bef: 1,
      aft: 2,
    };
  },
  //     - 计算属性
  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;
},
},