摘要：
Vue路由守卫 路由守卫，简单理解来说就是，当用户要进行一些操作时，需要用户的一些信息或数据或行为，判断过后，才会同意用户进行操作。 说到这里，大家心里都或多或少有点理解了吧，官方一点的解释就是进行操作的鉴权，当操作与之条件匹配时，操作成功，当操作与之不匹配时，操作终止，作用就是是对路由进行权限控制 阅读全文
posted @ 2023-01-28 02:08
栖木hy
阅读(1358)
评论(0)
推荐(0)
摘要：
＜router-view＞ can no longer be used directly inside ＜transition＞ or ＜keep-alive＞. 阅读全文
posted @ 2023-01-27 21:29
栖木hy
阅读(335)
评论(0)
推荐(0)
摘要：
1.全部缓存 使用Keep-alive标签包裹router-view就可以实现全部缓存 <keep-alive> <router-view> </router-view> </keep-alive> 2.缓存单个指定的路由 同样使用Keep-alive标签包裹router-view，在Keep-al 阅读全文
posted @ 2023-01-27 21:11
栖木hy
阅读(4828)
评论(0)
推荐(0)
摘要：
原来的vue2路由是通过this.$route和this.$router来控制的。 现在vue3有所变化，useRoute相当于以前的this.$route，而useRouter相当于this.$router 一、useRouter手动控制路由变化 import { useRouter } from 阅读全文
posted @ 2023-01-27 20:57
栖木hy
阅读(2208)
评论(0)
推荐(0)
摘要：
vue中的路由有时候需要参数，有时候不需要参数，可以如下图写法 在path中，在可选参数后面加一个?就行了 阅读全文
posted @ 2023-01-27 20:38
栖木hy
阅读(249)
评论(0)
推荐(0)
摘要：
我们都知道vue slot插槽可以传递任何属性或html元素，但是在调用组件的页面中我们可以使用 template scope="props"来获取插槽上的属性值，获取到的值是一个对象。 注意：scope="它可以取任意字符串" 上面已经说了 scope获取到的是一个对象，是什么意思呢？ 我们先来看 阅读全文
posted @ 2023-01-27 02:09
栖木hy
阅读(279)
评论(0)
推荐(0)
摘要：
1. 原生js获取dom元素： document.querySelector(选择器) document.getElementById(id选择器) document.getElementsByClassName(class选择器) 2. ref获取单个dom元素： <template> <div 阅读全文
posted @ 2023-01-26 09:47
栖木hy
阅读(5939)
评论(0)
推荐(0)
摘要：
1、向上/向下移动代码行 alt+ 下箭头/上箭头 2、向上/向下复制一行代码 shift+alt+ 下箭头/上箭头 3、选定多个相同的单词 Ctrl + d 4、全局替换 Ctrl + h 5、快速定位到某一行 Ctrl + g 6、放大缩小整个编辑器界面 Ctrl + + / - 7、添加多个光 阅读全文
posted @ 2023-01-20 18:25
栖木hy
阅读(409)
评论(0)
推荐(0)
摘要：
介绍 当我们的项目达到一定的规模时，对于某些组件来说，我们并不希望一开始全部加载，而是需要的时候进行加载； 这样的做得目的可以很好的提高用户体验。 为了实现这个功能，Vue3中为我们提供了一个方法，即defineAsyncComponent，这个方法可以传递两种类型的参数，分别是函数类型和对象类型。 阅读全文
posted @ 2023-01-20 03:26
栖木hy
阅读(324)
评论(0)
推荐(0)
摘要：
Vue2中 <template> <div id="app"> <div ref="echohye">新年快乐</div> </div> </template> <script> export default { mounted() { console.log(this.$refs.echohye) 阅读全文
posted @ 2023-01-18 23:39
栖木hy
阅读(179)
评论(0)
推荐(0)
浙公网安备 33010602011771号