1.1yarn与npm区别
yarn的优点
(1)速度快:
npm会依次执行每一个package,先去执行第一个等第一个执行完毕之后再去执行第二个。而对于yarn而言它是并行安装的
(2)离线安装:
npm每次都是通过网络去下载,yarn会在第一次下载完毕后将其缓存起来,下次直接去缓存中查找
(3)安装版本统一
yarn与npm命令对比
判断有没有这个属性
$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模式:
编程式路由:
作用:不借助<router-link>实现路由跳转
前进后退
缓存路由组件:
作用:让不展示的路由保持挂载,不被销毁
路由组件所独有的两个钩子,用于捕获路由组件的激活状态
路由守卫
作用:对路由进行权限控制
分类:全局守卫、独享守卫、组件内守卫
全局守卫:
独享路由守卫
组件内守卫
路由器的两种工作模式
1.对于一个url来说,什么是hash值?--- #及其后面的内容就是hash值
2.hash值不会包含在http请求中,即hash值不会带给服务器
3.hash模式
1.地址中永远带着#
2.若以后地址通过第三方手机app分享,若app校验严格,则地址会被标记不合法
3.兼容性好
4.history模式
1.地址干净
2.兼容性和hash模式相比较差
3.应用部署上线时需要后端人员支持,解决刷新页面服务端404问题