VUE——简介

一、概述：VUE是一套渐进式构建用户界面的js框架
　　vue的核心定位并不是一个框架，设计上也没有完全遵循mvvm的模式，vue强调的是状态到界面的映射，所以单纯的使用其核心功能的时候，vue更像是一个视图模板引擎。vue在视图模板引擎的基础上，通过添加组件系统，客户端路由，大规模状态管理来构建一个完整的框架。更重要的是这些功能相互嘟噜，你可以在核心功能的基础上任意选用其他部件，不一定要全部整合在以前。

二、为什么要使用vue

　　方便阅读的中文文档、容易上手、体积小、基于组件化开发、代码可维护性阅读性得到来提高

三、搭建方式

　　1、方式1:　　全局安装vue-cli

　　　　　　　　$ npm install --global vue-cli

　　　　　　　　#创建一个基于webpack 模板的新项目

　　　　　　　　$ vue init webpack my-project

　　　　　　　　#安装依赖

　　　　　　　　$ cd my-project

　　　　　　　　$npm install

　　　　　　　　$mpn run dev

　　2、方式二：直接引入对应的js

四、vue.js的Hello World

<div id="app">
    <input type="text" v-model="message" placeholder="请输入"/>
  　<h1>{{ message }}</h1>
</div>

　　

var app = new Vue({
  el: '#app',
  data: {
    message: 'Hello World!'
  }
})

　一段简单到不能再简单的代码，但却展示了vue最核心的功能：数据的双向绑定，在输入框输入内容会实时展示在h1标签内