Vue.js解析

Vue

一、vue.js是什么?

1.vue主要是单页面应用

简:渐进式框架,自底向上增量开发的设计,易学习,易整合
复杂:Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和Vue 生态系统支持的库开发的复杂单页应用。
Vue.js的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件
渐进式的含义:主张最少(没有多做职责之外的事情)对用户的要求最低，使用vue的一部分内容，并不会要求使用所有的功能
特点:高效的数据绑定,灵活的组件应用（简洁,数据驱动,组件化,轻量,快速,模板友好）

2.怎么理解便于与第三方库或既有数据整合?

Vue第三方库指:mint-ui,vue-resource,axios等第三方插件配合使用

3.怎样理解自底向上的设计?

自底向上设计是一种设计程序的过程和方法，就是先编写出基础程序段，然后再逐步扩大规模、补充和升级某些功能 

4.怎么理解便于与第三方库或既有项目整合

vue的第三方库 指的是 mint-ui  vue-resource  axios  等等第三方插件配合使用

二、vue.js的主要功能是什么?

1. 解决数据绑定的问题
2. 为了开发大型单页面应用
3. 支持组件化(也就是可以将页面封装成若干个组件，采用积木式进行编程，这样使页面复用性达到最高)

2.vue.js的两个核心?

1. 数据驱动
2. 组件系统

三.v-model是什么?怎么使用?Vue中标签怎么绑定事件?

1. V-model只能在表单元素里用,因为表单元素才能在视图里改变数据
2. 可以实现双向数据绑定,指令(v-class、v-for、v-if、v-show、v-on)。
   vue的model层的data属性。
   绑定事件:<input @click=“doLog()”/>
3. 原理:v-model只是一个语法糖,属性必须为value,方法名必须为:input把表单元素和data的数据绑定在一起只要有一个发生变化另一个也会跟着变

四.4.v-on可以监听多个方法吗?(用于监听Dom事件)

可以监听多个方法,但是同一种事件类型的方法,v-on只能监听一个

五.如何实现双向绑定?

vue.js 是采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调。