前言 最近在做一个开源项目，项目完成后会进行开源，技术栈使用 Vue 3+vite+ts。 算是从头开始吧，本篇文章就作为项目过程中遇到的问题记录。 以后碰到类似的问题可以做个速查。 初始化项目 使用

Vue.js 3.0 (以下简称Vue3)，正式发布在 2020 年 09 月 18 日，Vue3 Beta版本更是早在今年四月份就发布。相信有些同学早已上手体验一番。或者早已看过官方文档，英文不好的同学阔以点击这里,这是个中文文档。😂😂😂😂😂😂 想来大家肯定会对 …

一、简介 在样式引入时，对于变量的引入，需要在每个文件里都要引入一遍，为了避免每次使用时都需要单独引入一遍的问题，采用了 style-resources-loader。 在确保安装指定 CSS 解析器

在2020年9月18日，`vue3` - `one piece`正式发布。随之而来的，是一整套从头到尾使用`ts`的新底层以及全新的`composition-api`。与此同时，`volar`顺应而生

这句话看似很牛逼，但其实什么也没有说😓。当你修改它们时，视图会进行更新。但是你应该对这句话很敏感，可是怎么更新啊？哈哈，仔细思考一下，前两节课(前两篇文章响应式、模版编译)的内容是不是帮我们实现了以下两点： 我们通过对数据的观测（observe），知道了数据是什么时候修改的，…

vue3上线已经很久了，许多小伙伴应该都已经使用过vue3了。那么在使用vue3composition API的时候有没有觉得整个过程会比较繁琐呢。比如当你定义了一个方法，然后发现模板需要使用该方法，然后就必须将方法返回。当一个组件中存在大量方法和属性的时候，这个过程就会非常的…

vue组件传参的方式是无论在工作中，还是面试的时候都会碰到的问题，参考网上的文章，总结一下 原文链接 https://www.cnblogs.com/bamboopanders/p/14656699.

vue-router 提供的导航守卫主要用来通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中，他们分为三种： 注：参数或查询的改变并不会触发进入/离开的导航守卫 (你可以通过观察 $route 对象来应对这些变化，或使用 beforeRouteUpdate 的组件内守…

这个时候我们就可以把所有的页面都放在路由表里，只要在访问的时候判断一下角色权限。如果有权限就让访问，没有权限的话就拒绝访问，跳转到404页面 vue-router在构建路由时提供了元信息meta配置接口，我们可以在元信息中添加路由对应的权限，然后在路由守卫中检查相关权限，控制其…