Vue笔记 - 《编程常用》

一、模式：MVVM 双向绑定数据
- （了解M、V代表哪个层，简单理解MVVM就是数据层和视图层的数据双向绑定）
二、安装方法

现在前端重点：(去菜鸟教程或者官网看看基础语法，这里当作备忘录或者辅助教程去看)

一、模式：MVVM 双向绑定数据

（了解M、V代表哪个层，简单理解MVVM就是数据层和视图层的数据双向绑定）

M：model->数据逻辑层（简单理解就是你的JS文件） V: view->视图层（简单理解就是你的HTML文件） VM数据视图层->类似监听更新等（简单理解就是双向绑定）

二、安装方法

方法一：常规引入 <script src="Vue.js"></script>（归根究底他还是JS,相当于基于JS的一套框架，所以可以这样用，一般修改项目可以这样，新项目尽量用下面两种方法）
方法二：直接用HBulider创建Vue项目(推荐,刚开始时，用最简单的方式入手)
方法三：脚手架安装(node安装后)（开发过一两个项目后，再回来看看不迟）

方法三：安装流程

<!--安装脚手架-->
  $npm install -g vue-cli
<!--安装完成-出现Usage安装完成-->
    $vue
<!--创建一个Vue项目-->
    $vue init webpack test1   //创建一个新项目test1
    ? Project name test1            //项目名称test1（不要大写会报错）
    ? Project description A Vue.js project  //项目概述
    ? Author lei        //作者 
    ? Vue build standalone  //生产环境的打包方式  选Runtime+Compiler (运行时+解释器)
    ? Install vue-router? no //安装Vue路由
    ? Use ESLint to lint your code? No   //使用ESlint校验语法和风格
    ? Set up unit tests No  //设置单元测试
    ? Setup e2e tests with Nightwatch? No    //是否安装端到端自动化检测框架Nightwatch
    ? Should we run `npm install` for you after the project has been created? (recommended) npm    //是否允许npm创建项目
<!--进入Vue项目 并启动-->
    $cd 项目
    $npm run start  /  dev 
<!--打开项目-->
http://localhost:8080   //注意自己的开发端口不要被占用
<!--打包-->
npm run build