如何从零创建一个vue项目

一、如何创建一个vue-cli项目

1. 安装cnpm，执行命令npm install -g cnpm
2. 安装vue-cli，执行命令cnpm insall -g vue-cli
3. 初始化项目，vue init webpack vue-cli-demo

二、在vue-cli项目中使用scss语法

1.安装sass-loader和node-sass（sass-loader依赖于node-sass）
npm install node-sass --save-dev
npm install sass-loader --save-dev
2.在build文件夹下的webpack.base.conf.js的rules里面添加配置
{
  test: /\.sass$/,
  loaders: ['style', 'css', 'sass']
}
3.在vue页面中修改style标签的语法标识，然后使用
<style lang="scss">

vue-cli中使用less语法 vue版本2.5.2
cnpm install less@3.0.0 --save
cnpm install less-loader@5.0.0 --save

三、watch监听事件

watch:{
  detailDialog: {
    handler(val, oldVal) {
      if (!this.detailDialog) {
        this.getList();
      }
    },
    deep: true
  },
},

四、vue路由配置

1.声明组件，通过 import 引入。

2. 定义路由，每个路由映射一个组件。

3.指定路由出口，也称路由插座。

五、vue路由传参