Vue是现在Web前端中比较流行的三大框架之一，Vue.js是一套构建用户界面的渐进式框架。Vue只关注视图层，采用自底向上增量开发的设计。通过Vue可以达到通过使用尽可能简单的API实现相应的数据绑定和组合的视图组件。
Vue默认支持ES6的模块导入导出，在设计Vue项目时应该考虑代码的目录结构，webpack:是一个现代JS应用程序的静态模块打包器(module bundler),可高配置.四个核心概念(入口(entry：通常main是默认的入口，这里也可以是多入口）输出(output：指定js文件名称和目录，最好是绝对路径)loader：文件执行顺序与插件相反，插件(plugins:插件的执行顺序是依次进行的，插件的执行过程是调取配置的复用，将文件移动到相关目录))。
Vue启动的目录结构
my_project /项目目录结构：
src存放人可以看懂的源代码,具备一定的功能划分,MMVC,方便人
dist存放真实上线的代码(减少请求,混淆代码),方便机器
webpack.config.js打包生成dist下的代码
package.json文件 包信息描述
node第三包的查找机制是逐级向上查找的
node_modules
命令行:Webpack立刻读取webpack.config.js文件,生成dist目录下
webpack-dev-server 运行src下的代码,虚拟出build.js测试
Vue项目文档创建流程：先声明app(html)--再在main中初始化----编写相应的vue界面（template）
Vue中常用的v-指令：
v-text:更新元素的文本值,是元素的innerText只能在双标签中使用
v-if:元素是否移除或者插入,切换时元素及它的数据绑定 / 组件被销毁并重建
v-show:元素是否显示或隐藏(display)
PS：当 v-if和v-for一起使用时候，v-for的优先级比v-if更高
V-model: 在表单控件或者组件上创建双向绑定
v-bind:单向数据绑定(内存js改变影响页面)动态地绑定一个或多个特性，或一个组件 prop 到表达式。在绑定 class 或 style 特性时，支持其它类型的值，如数组或对象。可以通过下面的教程链接查看详情。在绑定 prop 时，prop 必须在子组件中声明。可以用修饰符指定不同的绑定类型。没有参数时，可以绑定到一个包含键值对的对象。注意此时 class 和 style 绑定不支持数组和对象。
分解Vue代码：
头部:页面 样式 动态效果
代码:template style script