学习笔记
🗒️前端-vue2-day04
00 分钟
2024-10-22
2024-10-29
type
status
date
slug
summary
tags
category
icon
password
路由使用
路由重定向
redirect
路由高亮
路由嵌套
在父路由对象里面添加children数组,里面是路由对象,path里面路径不加
在父组件中加router-view标签进行显示
命名视图
让一个路径可以展示多个组件
将父路由对象里面的component加上s,他是一个对象{default:默认显示组件,组件名1,组件名2}
在它的父组件中用router-view里面的name显示
路由跳转传参
声明式
函数式
获取传递的参数
this.$route获取
插槽
默认插槽
在子组件中写slot标签
在父组件中用template标签替换
具名插槽
在子组件中写slot标签,里面加上name属性
在父组件中用template标签替换,里面加上v-slot:插槽名字,或者#插槽名字
作用域插槽
可以获取子组件中的数据
在子组件中写slot标签,里面加上name属性
在父组件中用template标签替换,里面加上#插槽名字=’scope’ scope是子组件传递的数据
ref使用
获取DOM元素和组件
在DOM元素和组件标签中加上ref=’名字’
通过this.$refs.名字获取
上一篇
前端-vue2-day05
下一篇
前端_Vue2_day03

评论
Loading...