Vue—01—介绍

---

 

 

vue的这种声明式编程，可以有效的进行数据和页面的相分离；

以前使用的原生js或jquery是命令式编程，就会很冗余；

 

el属性告诉vue对象以后管理哪个元素。

data属性帮助我们管理数据，并进行在视图上显示；
methods属性主要是一些可能会被事件触发的方法；

 

v-for的命令:可以循环遍历数据；实现列表的展示；我们之所以可以在html代码中使用v-for命令，是因为这个div标签被我们是用vue管理了。

v-on的命令:可以绑定一些事件；比如v-on：click，就是@click事件；

 

vue的mvvm是什么？

首先我们要知道mvc软甲体系架构：

mvc也就是model、view、controller，这个软甲体系架构，在前端后端都会用到。

前端就是：model数据结构（包括从服务器请求的数据），view（html代码）、controller（js代码）

现在前端使用mvvm架构；

mvvm是model、view、viewmodel的简写；

viewmodel层是view和model通信的桥梁；  vue框架就是vm层；我们只需要关注model层即数据结构，vm自动会将数据的变化映射到真实dom上，实现数据和视图的分离；这些事都是vue这个vm框架帮助我们做好的；

 

 

 

 

什么是方法什么是函数?

对于js来说，方法和函数的定义都需要用到关键字function；

但一般定义在对象外面的叫做函数，比如构造函数直接类似于java的类；

定义在类内部的或者对象内部的就叫做方法，因为方法一般是绑定某个对象一起用的；

 

 

 

 

 Vue 实例在渲染的时候数据解析的顺序问题，结论是props->methods->data->computed->watch->created-》mountted；

created是在组件创建的时候就会调用的方法，mounted是组件挂载到了模板上才会调用的方法