Vue ElementUI组件 知识大杂烩

创建一个Vue项目

vue init webpack hello-vue

安装 vue-router

npm install vue-router --save-dev

安装 element-ui

npm i element-ui -S

安装依赖

npm install

安装SASS 加载器

cnpm install sass-loader node-sass --save-dev

启动测试

npm run dev

npm命令解释

• npm install moduleName 安装模块到项目目录下
• npm install -g moduleName 添加参数-g 将模块安装到全局
• npm install -save moduleName --save将模块安装到项目目录下，并在package文件中的 dependencies 节点写入依赖
• -S为上面命令的缩写
• npm install -save-dev moduleName --save-dev 将模块安装到项目目录下，并在package文件中的 devDependencies 节点写入依赖（开发者目录下）
• -D为上面命令的缩写

报错：

Module build failed: TypeError: this.getResolve is not a function
    at Object.loader (E:\Vue\hello-vue\node_modules\_sass-loader@8.0.2@sass-loader\dist\index.js:52:26)

原因
版本太高

然后，重新重新安装一下

npm install

Axios的使用

安装vue axios

npm install --save axios vue-axios

发送post请求携带数据时需要导入该模块

<script>
  //发送post请求携带数据时需要导入该模块
  import Qs from 'qs'
	  ...
      //解决POST请求无法携带数据的问题
      transformRequest: [function(data) {
        return Qs.stringify(data)
      }],
      ...
  }
</script>

npm run dev 还是 npm run serve

npm install命令时，报错：

解决办法：

//设置全局镜像源：
npm config set sass_binary_site https://npm.taobao.org/mirrors/node-sass/