小花皮猪

ref(引用)函数 此ref不同于vue2中元素中的ref属性，在vue2中它用来定义给元素定义ref属性控制元素的操作，类似于js的id，但是在vue3中它用于定义一个响应式的数据 它可以定义普通数

setup是vue3的入门技术，想要学习vue3，最好从它开始，因为setup是所有Composition API（组合API）表演的舞台 ****。如果没有setup，那么其他的组合式API都没地方

按需引入就是一不同于全部引入，不会一上来引入全局的组件和样式，而是看使用了哪些组件，根据使用的组件进行注册，并且只引入这些组件相关的样式，下面开始操作 首先就是先把完整引入的代码进行注释，然后查看官网

element-ui(饿了么ui)是一个非常好用且美观的组件库(插件库)，主要用于网站快速成型，由国产团队饿了么团队开发的，不管是任何的ui组件库，都不需要死记硬背，需要使用的时候查阅官方文档即可，官

整个路由器一共有两种工作模式。默认开启的就是hash工作模式，特点就是#号，还有另外一种工作模式就是history工作模式 hash(#号) 这个#号，官方称之为hash，从#号开始到#号后面所有的东

后置路由守卫(afterEach) 既然有前置路由，那么相对的也有后置路由，在初始化的时候和每次路由切换之后被调用，它也有to和from并且和前置守卫的作用是一样的，区别就是前置路由有next，后端路

路由守卫 路由守卫在开发者中的也是特别多的，主要是对路由进行权限控制，分为全局守卫、独享守卫、组件内守卫，下面一一根据案例说明 比如说有的路由不是随便看的，需要登录之后才可以看，比如说淘宝的个人中心，

缓存路由组件 缓存路由组件是一个完善路由的技巧。 作用是让不展示的路由组件保持挂载，不被销毁。 案例演示 给一个路由各一个input框，输入内容，当切换路由的时候input框里面的内容消失了，这是因为

<router-link> 的replace属性 replace是控制路由跳转时操作浏览器历史记录的模式，不只是有replace模式，还有push模式，并且路由默认的模式就是push模式 不管是rep