vue CLI3

1.vue create 项目名称
配置项目

2.删除保存的已经配置好的项目
找到下面的文件

rc文件表示运行终端

点进去删掉红框里面的内容就可以了(删除以前保存的配置项目)

3.配置文件去哪里了？有三种方法：
运行vue ui 指令

第三种是新建一个vue.config.js文件，里面放配置文件
4.定义箭头函数
const aaa=() => {
}
两个参数（num1,num2）=>{
return num1+num2
}
return 只有一行代码就可以简写成下面这个格式
(num1,num2)=> num1+num2
n=> n*n
5.箭头函数中的this


6.前端路由，后端路由




7.
不刷新页面的情况下，替换路由：
location.hash=’ ‘;
不刷新页面的情况下，替换路由,(栈的概念）
浏览器左上角的前进后退可以点击

放进去：
history.pushState({},’ ', ‘hone’)
移除掉：
history.back()==history.go(-1);

不刷新页面的情况下，更改路由，但是浏览器左上角的返回按钮不能点击：
history.replaceState();
8.
router-link会渲染成a标签

加tag会渲染成tag内容的标签(以下渲染成button)

加上replace会让浏览器左上角的箭头不能点击

配置路由的模式（history没有#号)

加上下面这个属性，原本的类名名字更改掉成active


路由代码跳转


9.$route表示哪个路由处于活跃状态就获取哪个路由

$router 表示new出来的对象

动态路由

10.路由的懒加载写法（在需要这个js文件的时候再去服务器请求加载，可以避免一次请求过大的js文件）

app开头的文件是所有的业务逻辑都打包到这个文件（路由懒加载就是对这个文件进行分割）
main开头的文件是底层的
vendor开头的表示第三方服务打包到这个文件

路由嵌套

下面的写法写过后可以在全局使用$post

11.对导航来回之间的跳转做监听（导航守卫）
跳转之前调用

当路由子集中没有meta,就用上面图片中的to。。。。。（防止路由父级有meta，而子级没有的时候，标题出现undenfined）

跳转之后调用

12.路由独享，在进入这个页面路由之前发生的事情，上面的是全局路由，还有组件路由守卫

离开之前记住导航栏地址，方便回来还是原来选择的那个地址（activated是指页面处于活跃状态，deactivated指页面处于不活跃状态，这两个函数只有该组件被保持了状态使用了keep-alive时，才是有效的，没有keep-alive时执行的是created和destroyed函数）

keep-alive的两个属性