一、组件的写法
Vue.component('组件名①',{
props:{
这里填写父传子的参数
val:{
type:String,
default:"我是父参数"
}
},
data(){
return{
}
},
②methods:{
//子传父的方法
$emit('enter',this.val)
//父收参
//<input @enter="fn" />
//在父中的methods中调用fn函数,fn(val){ }
},
watch:{
},
computed:{
},
mounted(){
},
template:③
})
①:这里填写组件名,不可以与关键字及html标签重名,在脚手架中为文件名(在别处调用是标签就是文件名)
②:方法,子传父的方法要在这里调用
③:脚手架中不需要填写
非脚手架中有两种方式1、可以直接写html
2、在html中创建template标签,这这里绑定他的id