Vue细碎整理

Vue的手册和学习教程在Vue官网可查

奉上链接介绍 | Vue.js，为Vue3的对应教程

下面罗列一些学习中遇到的需要注意的知识点

computed vs methods

以上二者怎么选。

 computed 是基于它的依赖缓存，只有相关依赖发生改变时才会重新取值。而使用 methods ，在重新渲染的时候，函数总会重新调用执行

用 computed 属性方法编写的逻辑运算，在调用时直接将返回时 ，方法名视为一个变量值就可使用，无需进行函数调用。computed 具有缓存功能，在系统刚运行的时候调用一次。只有只有当计算结果发生变化才会被调用。
用 methods 方法编写的逻辑运算，在调用时 一定要加“()”，methods 里面写的多位方法，调用方法一定要有（）。methods方法页面刚加载时调用一次，以后只有被调用的时候才会被调用。

很明显我们采用 methods 会更节省资源。

事件处理

我们可以使用 v-on 指令来监听 DOM 事件，从而执行 JavaScript 代码。

v-on 指令可以缩写为 @ 符号。

语法格式：

v-on:click="methodName"
或
@click="methodName"

Vue-model的作用

生命周期