菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: 梁洁--20221215--vue第三天 [打印本页]

作者: 梁杰，你好 时间: 2022-12-18 18:24
标题: 梁洁--20221215--vue第三天
component组件
Vue.component("名字"，{template：“鱼塘”})
js定义用驼峰 html中用-
全局组件注册：
Vue.extend({})
注册Vue.component("abc",构造器)
注册使用  abc

Vue.extend({
template:"",
data:function(){
return {键名：键值}
简写  data（）{
}

方法2：
let  对象={
template：“”
data（）{}
}
Vue.component();

}
})
方法三
定义一个有id的script标签 type=“text/html”

let obj={
template:"#id"
}
Vue.component(“标签名”，定义的组件)

最终
html里面写<template id="></template>

script里面
let  组件名 ={
template：“#id”
}
Vue.component("标签名"，组件);

局部组件

template标签

new Vue（{
el：“#盒子id”，
components：{
组件名：{
template：“templateid”,
data(){
return {}
}
}
}
}）；
动态组件：
<component is="">
相当于if 会销毁重建
<keep-alive>  会缓存切换组件
父子组件
在其他组件里面定义别的组件

子组件里面加自定义属性：属性名=“父组件数据的键名”
子组件里面的props：[数组]

欢迎光临菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)