vue概念：
-
vue.js是目前最火的一个前端框架，React是最流行的一个框架结构，与ANGular.js,React.js并称前端三大主流框架，同时是一套用户界面的框架，只关注图层，还便于与第三方库或已有的项目整合。
-
重点：vue在于构建用户界面
-
特点：vue.js是基于MVVM架构。编码简洁、体积小、运行效率、适合移动端pc端开发，同时可以轻松引入vue插件
-
vue生态
1.vue.js关于 2.工具：vue-cli脚手架、vue-loader 3.插件：vue-router、vuex(生态管理)、vue-resource（axios）:ajax请求 -
MVC、MVP、MVVM模式
-
MVC：业务模型，用户界面、控制器，各个部分之间的通信方式
1.1.Models：数据层，负责数据处理和获取的数据接口层 1.2.Views：展示层（GUI），对于web来说所有HTML开头的文件基本都是属于这层 1.3.controller:控制层，MOdel和views之间的中间，理论通信都是单向的。 1.4有点：融合性低、重用性高、拓展性好、可维护性高。 1.5不适合前端开发：MVC中views和controller一般都是一一对应，捆绑起来表示一个组件。 -
MVP：MVC的改良版view——presenter——model，view不能直接访问model，是通过presenter提供接口访问去跟新model，在通过观察模式更新view
-
MVVM模式
1.1.MVVM把view和model的同步逻辑自动化了 1.2.以前负责presenter负责的view和model同步不在手动进行操作，而是交给框架提供的数据绑定功能进行负责 1.3.通过viewmodel进行数据锁定，当model发生变化，viewmodel就会自动更新，viewmodel变化—model也会更新。
-
-
DeyTool手动安装
1.1.找到vue的项目利用cmd 1.2. 安装项目所需要的npm宝 npm install 1.3编译项目文件 npm run vue-app -
安装vue-cli：是官方提供的脚手架工具，默认搭建好了一个项目的基本架子，在https://github.com/vuejs/vue-cli ,全局安装npm install -g@vue/cli,vue -V查看安装是否成功
1.1.vue create vue-app 1.2.选择配置 router、vuex、linter、E2E testing、typescript 1.3.选择将以上配置这些文件放到哪个地方，是否保留这些配置初始化完后即可运行项目npm run serve启动 -
创建完打开App.vue 中存放的是各种组件，main.js是入口文件处理的代码，主要是阻止生产消息、手动挂载
reder:funtion(createElement){
return createElement（App）
}
new Vue({
reder：h=>h(App)
}),$mount('#app') ;
App.vue是一个组件模板template（必须包含一个出口）、script脚本文件（引用组件import）（es6）、style样式
import Helloword from '组件地址'
export default{
name：‘app’,
//注册组件
components:{
Helloword}
}
一个组件就是一个小的MVVM形式，M是template的内容，VM是script的内容（里面包含了各种挂载数据）
<template>
<div>
<H1>{{msg}}</H1>
//双向绑定仅仅是一种高级语法，数据流的传递还是单向的
<lable ><input type="tex" v-model="mag"></lable>
</div>
</template>
<script>
export default{
name:'HelloWord',
data(){
return {
msg:'我们一起学vue'
}
}
}
</script>
<style scoped>
</style>
