Vuejs 笔记

计算属性和方法的区别

计算属性是基于它们的响应式依赖进行缓存的，只在相关响应式依赖发生改变时它们才会重新求值，如下示例，因为 Date.now() 不是响应式依赖，所以下面的计算属性不再更新：

1
2
3
4
5

computed: {
  now: function () {
    return Date.now()
  }
}

相比之下，每当触发重新渲染时，调用方法将总会再次执行函数。

计算属性和侦听属性的区别

Vue 提供了一种更通用的方式来观察和响应 Vue 实例上的数据变动：侦听属性。当你有一些数据需要随着其它数据变动而变动时，通常更好的做法是使用计算属性而不是命令式的 watch 回调。

虽然计算属性在大多数情况下更合适，但有时也需要一个自定义的侦听器。这就是为什么 Vue 通过 watch 选项提供了一个更通用的方法，来响应数据的变化。当需要在数据变化时执行异步或开销较大的操作时，这个方式是最有用的。

组件

• 组件的 data 属性需要是个函数，只有是个函数每个组件实例才可以维护一份被返回的对象的独立的拷贝，如果不是函数所有组件都共享同样的数据。
• 模板必须位于一个根元素节点下。
• prop 可以设置一个带校验规则的对象，包含类型和默认值以及自定义的校验规则。

命名规范

• 属性名推荐使用 camelCase 命名规范
• 事件名推荐使用 kebab-case 命名规范