vue中一些方法的介绍

本次系统分析与设计期末挣闲钱项目，我负责前端部分的实现。按照项目要求文档中的描述，我使用了vue这一JavaScript框架来完成前端界面的实现。

相关文档中介绍：vue.js是一套构建用户界面的渐进式框架，与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。

本篇博客主要介绍vue.js的一些方法如：computed、mounted、watch、methods、created。

基本内容：

• vue 中有许多方法和属性，不同的方法属性的调用时间和条件不同，主要的有 computed、created、mounted、watch、methods。

• computed： computed是计算属性，也就是依赖其它的属性计算所得出最后的值。

• created: 在模板渲染成html前调用，即通常初始化某些属性值，然后再渲染成视图。

• mounted: 在模板渲染成html后调用，通常是初始化页面完成后，再对html的dom节点进行一些需要的操作。

• watch：监听属性，通过监听具体的值的变化，来执行对应的函数。

• methods： 基本事件方法执行。

• computed与methods对比： 两者的效果都是一样的，但是 computed 是基于它的依赖缓存，只有相关依赖发生改变时才会重新取值。如果选择使用 methods ，在重新渲染的时候，函数总会重新调用执行。

• created与mounted对比： 调用时间不同，mounted一般在插件或组件的使用中进行操作。

• 具体设计时，依照需求情况使用不同的方法属性来进行逻辑处理。一般常见的方法是用methods。

生命周期图