![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 59
一杯很皮的白开水
这个作者很懒,什么都没留下…
展开
-
Vue3 Ref 语法糖,告别 .value 的写法
语法糖的实现,我想大家应该会对语法糖这个术语会有不一样的理解,它的本质是在编译阶段通过遍历AST来操作特定的代码转换操作。并且,这个实现过程的一些工具包(Package)的配合使用也是非常巧妙的,例如。用于存放遍历AST节点过程中的祖先AST节点(栈顶的AST节点是当前AST节点的父亲AST节点);语法糖相关的代码转换操作,这也是Vue3考虑比较细致的地方,避免了不必要的代码转换操作带来性能上的开销。语法糖的方式创建响应式的变量,而不用思考使用的时候要加。...原创 2022-07-15 11:21:34 · 6981 阅读 · 0 评论 -
Vue3 + Typescript 兼容低版本 Chrome
最近新开一个项目,使用了最新的Vue3和Typescript,但发现在客户浏览器中白屏(空页面),得知他们使用的浏览器版本居然是Chrome 49,但客户太多,根本无法要求他们统一更换新版本的浏览器,只能考虑适配这种低版本的浏览器。一般这种情况都需要通过Babel去做转换,我们是Vue3 Cli项目,实际上Vue项目在创建时就引入的Babel,直接使用即可修改浏览器兼容列表配置(.browserslistrc)项目根目录下有一个.browserslistrc文件,打开,通过井号注释掉原先的内容,改原创 2022-02-15 15:05:39 · 5891 阅读 · 0 评论 -
Vue 路由 导航守卫(全局守卫、路由独享守卫、组件内守卫)
一.全局守卫1. router.beforeEach((to,from,next)=>{})2. 回调函数中的参数,to:进入到哪个路由去,from:从哪个路由离开,next:函数,决定是否展示你要看到的路由页面。3. 如下例:main.js中设置全局守卫在main.js中,有一个路由实例化对象router。在main.js中设置守卫已是全局守卫。 如下,判断to.path当前将要进入的路径是否为登录或注册,如果是就执行next(),展示当前界面。如果不是,就弹出aler原创 2021-12-06 23:51:08 · 977 阅读 · 0 评论 -
Vue使用Typescript开发编译时提示“ERROR in ./src/main.ts Module build failed: TypeError: Cannot read property ‘
使用Typescript开发Vue,一切准备就绪。但npm start 时,提示“ERROR in ./src/main.tsModule build failed: TypeError: Cannot read property 'afterCompile' of undefined“错误。解决方法将ts-loader从4.0降低到3.1.1解决问题。是由于webpack和ts-loader版本不兼容造成的。...原创 2021-09-28 23:32:18 · 84 阅读 · 0 评论