Vue的六大组件分别是什么

前言：

使用任何技术之前都要奔着 三步走。才能不仅仅是为了用而用，知其表不知期内。否则CV战士会提前下岗。

第一步 它是什么？

第二步 为什么要用它，有哪些适用场景？

第三步 怎么用它？

对于三步走有了初步的认知就开始了解今天的前端Vue框架。 喜欢的话加个关注当做小猿的鼓励

一 是什么

今天介绍的是Vue的三大组件 created()、mounted()、methods()、watch()、computed()、activated()。

含义明细如下：

created: 在模板渲染成html前调用，即通常初始化某些属性值，然后再渲染成视图。
mounted: 在模板渲染成html后调用，通常是初始化页面完成后，再对html的dom节点进行一些需要的操作。
methods：事件方法执行。
watch: watch是去监听一个值的变化，然后执行相对应的函数。
computed：computed是计算属性，也就是依赖其它的属性计算所得出最后的值。
activated：每次进入页面都会执行。
然后看下他们各自执行的顺序，当然methods 排除在外，因为这是写方法的组件。同时 watch和computed也排除在外，这是计算页面某些属性变化的。执行顺序如下

二 为什么要用

因为vue的一个完整页面必须要有 created 和 methods。其它组件可根据需求去选用。

三 怎么用它

下方是一个完整的实例