1.父级组件调用子组件及传值
(1)命名
组件命名使用驼峰命名法,如addStudent
引用时,用短横线连接,如:
<add-student></add-student>
2、引用
将组件页面import进入当前页面,并在componens里注册组件
import addStudent from "./components/addStudent";
export default {
components: {
addStudent
},
}
3、传值
父组件通过横线连接的方法,将当前页面的值传给子组件
子组件通过驼峰命名法,获取值
//父组件
<add-student
:student-id="studentId"
></add-student>
data(){
return{
studentId:'001'
}
}
子组件:
//子组件
export default