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.按项目 安装

 1 // 首先创建文件夹
 2 
 3 npm init  //初始化
 4 
 5 npm install webpack webpack-cli webpack-dev-server  --save-dev 
 6 //webpack相关包
 7 
 8 npm install vue vue-loader  --save-dev  //vue依赖
 9 
10 npm install css-loader babel-loader@7   babel-core  --save-dev //css依赖 es6
11 
12 npm install vue-template-compiler    --save -dev //让vue支持template
13 
14 npm rum build  //开启后打开html

 

posted @ 2020-06-04 15:29  陶智斌  阅读(104)  评论(0编辑  收藏  举报