Vue项目笔记（Vue2）

1、脚手架的安装

一开始先把脚手架，项目所需的东西（路由等）都安装好（也可以等后面再来安装）。脚手架的版本不要过高，不然不好兼容，下面是官网地址：

Node.js (nodejs.org)https://nodejs.org/zh-cn自行安装自己需要的版本后，打开 win+R 输入 cmd 回车，输入 node -v 和 npm -v 就可以查看

2、更改项目的参数配置

打开项目之后，先把严格模式给关上。首先找到 vue.config.js 在里面加上 lintOnSave: false ，不关则在你写代码时会有很多警告（此方法如果不行就再去找找）

3、路由的安装及配置

      1）安装

你安装的路由要适配你的Vue版本，如果你是Vue2就需要安装vue-router 3.x，Vue3则安装vue-router 4.x ）

安装命令：npm install vue-router@X -S

(X是你需要的版本，直接输入 3或 4就会给你安装目前最新的版本。也可以安装指定的版本，例如3.5.1)

      2）配置

在src目录下创建 components，router，store，views 等基本目录（目录名自定），在相应的目录里写好需要用到的vue页面时，

接下来先把路由搭建好，先在 main.js 引入 router，store目录

 

 之后在 router下创建一个 index.js，里面需要先引入

Vue.use是应用你安装的路由 

之后再写vue页面的路由，有两种写法。第二种也就是把第一种合并了

 

 这里有几个点需要注意，否则会有报错

1、routes 里面不要加空值的 {} 

2、path 下面要加上 / ，否则你写多个路由时，没有加的会以上一个 / 为主文件，而不能实现页面跳转

当你用 import 引入地址的时候 ../ （相对路径）可以写成 @/ （绝对路径）

页面给予相应的事件实现路由跳转即可