vue学习记录

安装

1.安装 nodejs
npm已经在Node.js安装的时候顺带装好了，Nodejs下的包管理器
之后安装淘宝镜像cmd里直接运行
npm install -g cnpm --registry=https://registry.npm.taobao.org
2.安装 vue-cli

• npm i vue-cli -g 安装2.x版本的指令，-g指全局安装
• npm uninstall -g vue-cli 或 yarn global remove vue-cli 安装3.x版本的@vue/cli，vue -V 检验3.5.5

作用：用户生成Vue工程模板。（快速创建vue项目，也就是给你一套vue的结构，包含基础的依赖库，只需要 npm install就可以安装）
3.项目创建
命令行进入项目创建目录，vue init webpack 项目名 创建项目
具体参考https://www.cnblogs.com/supwang-learn-enjoy-success/p/11277420.html

页面编写

命令行进入项目之后需要用到哪些工具通过npm install进行安装
cnpm install element-ui -S //本地安装element
cnpm install axios -S //本地安装axios

问题记录

1.网上借鉴了一个组件，放到自己项目出现下面问题

This dependency was not found:

    * !!vue-style-loader!css-loader?{"sourceMap":true}!../../node_modules/vue-loader/lib/style-compiler/index?{"vue":true,"id":"data。。

给的解决办法是

 To install it, you can run: npm install --save !!vue-style-loader!css-loader?{"sourceMap":true}!../../node_modules/vue-loader/lib/style-compiler/index?{"vue":true,"id":"data-v-ef68022e","scoped":true,"hasInlineConfig":false}!sass-loader?{"sourceMap":true}!../../node_modules/vue-loader/lib/selector?type=styles&index=0!./Login.vue

因为不懂就都执行了
如果是 常规 的，执行 npm install stylus-loader css-loader style-loader --save-dev 安装依赖就行。
如果是 less 的，执行 npm install less less-loader --save-dev 安装依赖就行。
如果是 sass 的，执行 npm install sass sass-loader --save-dev 安装依赖就行。
或者（$npm intall sass-loader --save ; $npm install node-sass --save）

2.网上借鉴了一个组件，在另一个页面使用出现未注册
解决：

 export default {
    data(){
          return{
    },
    components: {
        vTable // //注册组件
    },
  }
}