Vue学习--配置项

Vue的配置项

• 基本格式

   new Vue({
      el: '#app',
      data: {
          //数据
      },
      methods: {
          //事件处理程序
      },
      computed: {
          //计算属性
      },
      watch: {
          //侦听属性
      }
  })
  

  • el ：将id为app的一部分DOM结构当做模板传入配置项，然后挂载在页面中；
  • data：数据；
  • methods：事件处理程序；
  • computed：计算属性，必须有返回值，计算属性的方法名可以像data选项中定义的数据一样使用
  • watch：watch是一个对象，存储的是方法， 是用来监听 data 选项中的数据的，只要data中的数据发生改变，它就会自动触发，watch中方法的名称就是 data 选项中数据的名称

• 项目中如何使用配置项

  • computed：
    1.有逻辑
    2.像变量一样使用
  • methods
    事件处理程序
  • watch
    异步操作（ 数据请求 ）