vue基础语法1

vue是目前最火的一个前端框架（只关注视图），react是最流行的一个前端框架。

为什么学习前端框架？

利用框架可以提高开发效率，原生js有一些兼容性（jquery就出现了，解决了兼容性问题），经常去操作dom元素，这时就出现了前端的模板引擎，省去了字符串拼接，但是页面在渲染的时候不会重新对标签进行排序，模板引擎会渲染整个页面，这时候就出现了框架，减少了不比啊哟的dom操作，不用渲染整个页面，提高渲染效率，通过框架提供的指令，前端只需要关心业务逻辑（c），不需要关心dom操作。

框架和库的区别？

框架是一套完整的解决方案，对项目的嵌入型较大。

库：被称为插件，只是一部分，很容易切入到其他的库。

nodejs中的mvc与前端的mvvm区别？

m:model  v:view  c:controller mvvm是前端的视图层，分成了m（每页页面单独的数据），v（每个页面的html结构），vm是核心思想，因为vm是v和m之间的调度层，vm每当v层想要获取和保存数据的时候，都由vm做中间的处理。

前端页面使用的是mvvm的思想，主要是为了让我们开发更加方便，因为mvvm提供了数据的双向绑定，数据的双向绑定由vm来提供的。

当导入vue之后，在浏览器的内存中，就多了一个vue的构造函数，前端的vue之类的框架，不提倡手动操作dom操作了。

vue实例控制的这个元素区域，就是v，就是new出来的这个vm实例对象，就是vm的调度者，其中的data就是m，专门用来保存每个页面的数据的。

• vue概念：是一套用于构建用户界面的框架，vue只关心视图层，他与angular和react并成为前端的三大框架。
• 使用vue的话，必须先引入vue.js，先从官网上下载vue.js ，然后引入，就和使用jquery一样。

当引入vue文件之后，会自动导入一个vue构造函数，vue的基础语法是：差值表达式{{ }}，差值表达式可以是变量，字符串，数字，运算等。注意事项：变量在使用的时候必须现在data属性中声明或者定义。

• 实例化一个vue应用，并将其应用挂载在dom的某个标签上，其中的el和data是必写的属性

el：element   vue实例挂载的标签，值是id，标签所在的范围，即vue程序使用的范围

data ： 绑定vue实例的所有的数据，该数据必须是静态的属性值，不能是方法，类似于js中的var，声明变量并赋值

methods：放置vue实例中所有的方法 ，是个可选属性