前端前进日记2020-10-27

知识总结

1.v-for和v-if优先级
v-for和v-if的优先级
tips：不是不可以一起用，但是要了解优先级
代码模板经过编译阶段生成的ast对象后调用generate函数生成render函数，
优先顺序如下 v-once v-for v-if

2.import和require不同
1.时间上的不同， 2015年才有import
2.require为服务端设计，属于同步读取模块内容，但是浏览器是异步加载脚本文件，因此require需要webpack等打包工具。import需要在引入模块的script标签加type = module
3.require引入模块内容是动态加载，import是静态编译
4.require引入值是浅拷贝，import是值引用。
5.用法不一样
6.import/export默认导出模块是严格模式，require相反
3.vue中router
实践心得
router中meta元信息可以做判断什么的

路由守卫
router.beforeEach((to, from, next) => {
if (to.meta.auth) {
if (window.isLogin) {
next()
} else {
next('/login?redirect='+to.fullPath)
}
} else {
next()
}
})

组件里写动态（添加）路由router.addRoutes()
父组件里写路由，要加 <router-view/ > 标签
路由传值三个方式
第一个 $router.push(’/luyou?参数=xxx‘）
第二个 使用router中name router.push({ params:{canshu:xxx}})
第三个 使用path匹配路由 router.push({
path:‘lujing’,
query:{
canshu:xxx
}})更详细路由传参

vue路由详细资料参考

Ps：个人一天知识点总结，如有错误，请各位老哥严厉指正