Vue的选项式开发和生命周期

57 阅读1分钟

选项式API

data

data的值是个函数,内部必须return一个对象,对象内存放的是我们需要用的数据

methods

methods的值是个对象,对象内书写我们需要用的方法

components

components的值是个对象,用来存放和注册组件

computed

computed计算属性的值是对象,内部书写一些方法用来检测数据的变化

watch

watch侦听器的值是对象,内部书写一些方法用来检测数据的变化

注意

  • computed 和 watch 的区别
    • computed:

      • 计算属性有缓存
      • 打开页面会直接执行一次
      • 可以多个属性的变化决定一个属性的变化(多对一)
      • 内部不能书写异步代码且必须写return
    • watch:

      • 侦听器没有缓存
      • 打开页面不会立即执行
      • 可以一个属性决定多个属性的变化(一对多)
      • 内部可以书写异步代码并且不用谢return

生命周期

  • 定义:组件从创建到挂载,到更新数据,一直到最后的销毁的一个完整的过程
  • 创建阶段:创建前-beforeCreate,创建后-created
  • 挂载阶段:挂载前-beforeMount,挂载后-mounted
  • 更新阶段:更新前-beforeUpdate,更新后-updated
  • 卸载阶段:卸载前-beforeUnmount,卸载后-unmounted
  • 上述所有八个生命周期都是一个指定的函数