初涉Vue
一. vue是什么
Vue框架诞生于2014年,其作者为中国人——尤雨溪,也是新人最容易入手的框架之一,不同于React和Angular,其中文文档也便于大家阅读和学习。Vue用于构建交互式的Web界面的库,是一个构建数据驱动的Web界面渐进式框架,该框架遵循CMD规范,并且提供的设计模式为MVVM模式(Model->View->View-Model)和一个可组合的组合型组件系统,具有简单的、灵活的API(接口)。该框架继承了React的虚拟DOM技术和Angular的双向数据绑定技术,是一款较新的功能性框架。
二. vue的生命周期
从Vue实例的创建、运行、销毁期间,总是会伴随着各种各样的事件,这些事件统称为生命周期。
- 创建期间
1>beforeCreate:实例刚在内存中被创建出来,没有初始化号Methods和data;
2>created:实例已经在内存中创建OK,此时data和methods已经创建OK,此时还没有开始编译模板
3>beforeMount:此时已经完成了模板的编译,但是还没有挂载到页面中
4>mounted:此时,已经将编译好的模板,挂载到了页面指定的容器中显示
- 运行期间
1>beforeUpdate:状态更新之前执行此函数,此时data中的状态值是最新的,但是界面上显示的数据还是旧的,因为此时还没有开始重新渲染DOM节点
2>updated:实例更新完毕之后调用此函数,此时data中的状态值和界面上显示的数据,都已经完成了更新,界面已经被重新渲染好了
- 销毁期间
1>beforeDestroy:实例销毁之前调用。这一步,实例仍然完全可用
2>destroyed:Vue实例销毁后调用。调用后,Vue实例指示的所有东西都会解除绑定,所有的事件监听器会被移除,所有的子实例也会被销毁。