2022年9月26日

202.9.26（vue3）

摘要： 一： import { useRoute, useRouter } from 'vue-router' useRouter 相当于vue2的this.$router全局的路由实例，是router构造方法的实例； useRoute 相当于vue2的this.$route表示当前激活的路由的状态信息，包 阅读全文

posted @ 2022-09-26 17:31 马玉豪 阅读(68) 评论(0) 推荐(0)

provide 和 inject 用法及原理

摘要： 在父子组件传递数据时，通常使用的是 props 和 emit，父传子时，使用的是 props，如果是父组件传孙组件时，就需要先传给子组件，子组件再传给孙组件，如果多个子组件或多个孙组件使用时，就需要传很多次，会很麻烦。 像这种情况，可以使用 provide 和 inject 解决这种问题，不论组件嵌 阅读全文

posted @ 2022-09-26 16:06 马玉豪 阅读(937) 评论(0) 推荐(0)

nextTick简介

摘要： 在说nextTick之前，我们先介绍一下这节课案例的需求，我们还是有一个数组，里面有几个超级英雄，把他们渲染到了一个ul里，我们现在要获取这个ul的高度 <template> <div> <ul ref="list"> <li v-for="(item, index) in list" :key=" 阅读全文

posted @ 2022-09-26 15:53 马玉豪 阅读(105) 评论(0) 推荐(0)

导航