vue中 computed 与 watch 、 created 与 mounted 彼此的关联与顺序

首先，来认识一下他们的一个基本写法长啥样，直接看下面这个demo：

将这个demo页面植入你项目中某个界面去运行感受一下，输出结果如下：

页面显示值：

控制台输出结果：

综上所述，他们彼此间的生命周期先后顺序是这样的：

computed -> created -> mounted 

而 watch 与 computed 的区别，最关键的是watch需要监听值的变化而改变，但是computed从一开始就可以达到和某个值关联起来。

注：本文仅笔者自己比较困惑的点展开解释，更多更全面的介绍与区别请自行百度。