1.Vue实例和模板语法

1.Vue实例和模板语法

Vue实例

1.如何创建一个Vue实例

var vue对象名 = new Vue({
    //选项:如下面这些
    el:,
    data:{},
    methods:{},
    computed:{},
    //...
});

2.Vue实例是怎么实现数据的双向绑定的?

• 视图层：获取Vue实例中data中对象的属性

• 模型层: 在Vue实例的data中定义对象属性，编写值

• 如何更改这个对象的值？使用vue对象名.属性 = 新的值

• 只有在一种情况下不可更改对象的值：Object.freeze(对象名);

3.Vue中有哪些常用的 选项（属性和方法）?

1.el：绑定的id或class标签

2.data：元素的数据

3.computed：计算属性

4.methods：方法

注意点：

• 1.使用这些属性和方法时候，es6的对象简写可以用上，不要看不懂!

• 2.调用的是属性还是方法？注意区分 computed是属性 methods是方法

4.了解实例生命周期中的钩子

beforeCreate:

在Vue实例创建之前执行的函数

created:

实例创建完成后调用

beforeMount:

在Vue实例创建之后，数据未渲染负责接管DOM之前执行的函数

muonted:

el挂载到实例上后调用，一般我们的第一个业务逻辑会在这里开始。

beforeDestroy:

实例销毁之前调用。主要解绑一些使用addEventListener监听的事件等。

destroyed:

Vue实例在执行vm.destroyed()命令之后，销毁之后执行的函数

beforeUpdate:

在Vue实例数据更新之前执行的函数

updated:

在Vue实例数据更新之后执行的函数

模板语法

1.Vue中如何进行插值？

三种方式：

1.文本：{{data中对象的属性}} //Mustache

2.原始HTML：v-html="data中对象的属性"

3.javascript表达式: {{javascript表达式}} //注意点：必须是表达式，否则不生效！

2.Vue的指令是什么？

1.是什么?

指的带有"v-"前缀的特殊特性！（值预期是单个表达式–v-for例外）

2.作用?

当表达式的值改变时，将其产生的连带影响响应式的作用于DOM

3.常见指令:

​ v-if:根据表达式布尔值的真假来产生影响

​ v-bind:用于响应式的更新HTML特性

​ v-on:1.用于监听DOM事件？？后面再学

3.Vue中一些指令缩写代表的是什么？

v-bind: 缩写之后(：)

v-on: 缩写之后(@)

4.Vue中的动态参数?

Vue2.6.0版本开始，可以用方括号括起来的javascript表达式作为一个指令的参数

5.Vue中的虚拟DOM是什么?

虚拟DOM其实就是JavaScript对象，以JavaScript对象的形式去添加DOM元素