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是组件挂载到了模板上才会调用的方法