vue随笔2

1.1yarn与npm区别

yarn的优点

（1）速度快：

npm会依次执行每一个package，先去执行第一个等第一个执行完毕之后再去执行第二个。而对于yarn而言它是并行安装的

（2）离线安装：

npm每次都是通过网络去下载，yarn会在第一次下载完毕后将其缓存起来，下次直接去缓存中查找

（3）安装版本统一

yarn与npm命令对比

判断有没有这个属性

hasOwnProperty

$nextTick(回调函数)

在下一次DOM更新结束后执行其指定的回调

当数据改变后，要基于更新后的DOM进行某些操作时，要在nextTick所指定的回调中执行

配置代理

插槽

1.作用：让父组件可以向子组件指定位置插入html结构，也是一种组件之间的通信方式

2.分类：默认插槽、具名插槽、作用域插槽

3.使用方式：

1.默认插槽

2.具名插槽

3.作用域插槽

理解：数据在组件自身，但根据数据生成的结构需要组件的使用者决定

组件读取vuex中的数据：$store.state.sum

组件修改vuex中的数据:$store.dispatch('action中的方法名',数据)或$store.commit('mutations中的方法名',数据)

路由的params参数

1.配置路由，声明接收params参数

2.传递参数

路由携带params参数时，不能使用path配置项，必须使用name

3.接收参数：$route.params.id

路由的query参数

1.传递参数

2.接收参数

$route.params.id

$route.params.title

路由的props配置

作用：让路由组件更方便的接收到参数

router-link的replace属性

1.作用：控制路由跳转时操作浏览器历史记录的模式

2.浏览器的历史记录有两种写入方式：分别为push和replace，push时追加其历史记录，replace是替换当前记录。

3.如何开启replace模式：

编程式路由:

作用：不借助实现路由跳转

前进后退

缓存路由组件：

作用：让不展示的路由保持挂载，不被销毁

路由组件所独有的两个钩子，用于捕获路由组件的激活状态

路由守卫

作用：对路由进行权限控制

分类：全局守卫、独享守卫、组件内守卫

全局守卫：

全局路由守卫

独享路由守卫

独享路由守卫

组件内守卫

组件内守卫

路由器的两种工作模式

1.对于一个url来说，什么是hash值？--- #及其后面的内容就是hash值

2.hash值不会包含在http请求中，即hash值不会带给服务器

3.hash模式

1.地址中永远带着#

2.若以后地址通过第三方手机app分享，若app校验严格，则地址会被标记不合法

3.兼容性好

4.history模式

1.地址干净

2.兼容性和hash模式相比较差

3.应用部署上线时需要后端人员支持，解决刷新页面服务端404问题