vue学习--mounted created watch computed methods区别

首先以上的几个模块的含义：

data：定义一些需要使用的数据变量或者常量

computed：同data一样，可以定义变量，变量的值通过方法计算得到

watch：用于监听数据变化，等同于给数据绑定的onchange事件，一旦数据值改变就会执行方法体

created：初始化执行，在html加载之前进行，所以可以改变data中的值，但是不会触发change事件，也不会触发到watch

mounted：初始化执行，在html加载之后进行，所以改变data定义变量的同时，会触发chang事件

methods：定义方法体

控制台输出：

从以上图片中的结果可以看出：

computed -> created -> mounted 

在加载数据方面，computed中定义的变量会最先被执行渲染到html中，再去初始化执行created方法中的内容，这部分执行时不会触发data中的chang事件，之后再去执行mounted中的内容，会触发change事件。

 

以上仅为个人学习，不喜勿喷，学海无涯苦作舟！