A_lose的博客

和上期一样，我们都需要定义一个router类，并且定义了一个install方法，这都是在第一次实习的基础上做出了小的更改。这里我们通过递归的方式，将我们的一级路由信息一级子级路由信息全部添加到我们定义的matched数组中，并且我们每次路由发生变化以后会将我们匹配到的路由信息清空，重新再次调用我们的匹配递归方法。这样依次递归，就不会导致我们下一次路由匹配错误。let Vue;//保存选项// 定义一个current，保存当前的hash值// defineReactive定义响应式的对象。

通常我们使用vuex，都是通过下载vuex插件，自己创建一个store目录，在里面创建一个js文件，在文件中引入vuex，vue.use我们的vuex从而通过实例化一个vuex，定义五大核心从而实现一个基本的vuex。那我们如何不下载插件，自己创建文件自己通过插件的形式，实现一个vuex呢？我们需要知道，state是一个响应式的数据它应该怎么去实现呢，并且vuex是一个单向数据流，我们应该怎么讲单向数据流转起来。

div><router-link to="/home">首页</router-link><router-link to="/list">列表</router-link><hr></div>这里我们会发现使用以后会报错，因为我们没有下载插件，因此没有这两个组件。我们需要配置plugin插件由于没有这两个全局组件因此我们需要配置两个全局组件install方法是为了将我们的路由挂载在我们的组件实例上，通过mixin全局混入，将我们的实例上挂载$router属性。

通常通过插槽传递列表以后，我们想要执行一些操作，但是无法获取到数据，通过作用域插槽可以获取子组件中的值，父组件可以获取值从而进行业务逻辑处理。插槽是vue提供的一个内置组件，是一个占位符。顾名思义就是没有名字的插槽，我们通常是通过匿名插槽把我们在子组件标签内写的html全部渲染到子组件中。有名字的插槽，通常是将我们想要定义的html放置到对应的位置。匿名插槽：vm.$slots.default。插槽通常分为匿名插槽、具名插槽、作用域插槽。具名插槽：vm.$slots.name。

1、父传子：在父组件的子组件标签绑定一个自定义属性，子组件通过props获取父组件传递的数据。vue3通过defineProps接受props数据2、子传父：在父组件的子组件的标签上绑定一个自定义方法，子组件通过$emit触发父组件传递的方法从而传递数据给父组件。vue3中通过defineEmits接受父组件的方法vue3以上代码都是在setup语法糖中写的3、ref:通过给子组件标签定义ref属性，通过this.$refs.ref属性名或租子组件的实例。