vue知识点总结(vue考点总结)

Vue是一款流行的JavaScript框架，具有简单易用、高效快速的特点。在进行Vue开发时，了解一些常见的考点是非常有必要的。

1. computed与watch的区别：

computed: {
userFullName: function () {
return this.user.firstName + ' ' + this.user.lastName;
}
},
watch: {
'user.firstName': function (val) {
this.userFullName = val + ' ' + this.user.lastName;
},
'user.lastName': function (val) {
this.userFullName = this.user.firstName + ' ' + val;
}
}

computed可以监听响应式数据的变化并重新计算，而watch可以监听数据的变化并执行特定的操作。

2. v-if与v-show的区别：

This div is only displayed when showDiv is true.


This div is always displayed, but hidden when showDiv is false.

v-if是完全地添加/删除元素，v-show是通过修改CSS display属性来控制元素的显示与隐藏。

3. 生命周期方法：

beforeCreate,
created,
beforeMount,
mounted,
beforeUpdate,
updated,
beforeDestroy,
destroyed

Vue实例的生命周期分为8个阶段，每个阶段都有对应的钩子函数。可以在相应的钩子函数中添加自定义的逻辑。

4. 动态组件与异步组件：

Vue.component('my-component', function (resolve, reject) {
setTimeout(function () {
resolve({
template: 'This is my component.'
})
}, 1000)
})

动态组件可以根据数据绑定来动态地渲染组件，而异步组件可以在组件需要使用时再进行加载，可以有效提高页面性能。

以上是Vue开发中一些常见的考点，熟练掌握这些知识点可以更好地应对Vue开发中的问题。