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

posted @ 2021-08-26 15:33  Eric-Shen  阅读(55)  评论(0编辑  收藏  举报