1.vue的基础认识

vue

1.基于MvvM

MVC--MVVM，是MVC的改进版
      MVVM主要是将视图的状态和行为抽象化，把视图和业务逻辑分开
      M：模型--存放状态的容器，是以数据为中心的
      V：视图--展示给用户UI的内容
      VM：视图模型--作为的是视图和模型之间的绑定器：通过指令的方式来实现：v-for
      相对于MVC来说最大的区别就是把视图和模型机型分离了

2.vue特性：

　　 MVVM的模型思想
　　组件化开发
　　指令系统
　　虚拟DOM

       双向数据绑定

3.vue中写格式要求：

1、不能用双引号，如果想要用的话使用''
2、（）、{}前后都需要加空格
3、:后边需要加空格

4.脚手架

      

npm install vue-cli -g   // 全局

vue init webpack  app //（app为文件名）

cd  app  

npm run  dev  //开启

5.按项目 安装

 // 首先创建文件夹

 npm init  //初始化

 npm install webpack webpack-cli webpack-dev-server  --save-dev
 //webpack相关包

 npm install vue vue-loader  --save-dev  //vue依赖

 npm install css-loader babel-loader@7   babel-core  --save-dev //css依赖 es6

 npm install vue-template-compiler    --save -dev //让vue支持template

 npm rum build  //开启后打开html