vue知识点13
知识点归纳整理如下:
组件 component
1.页面中的一部分,可以复用, 本质上是一个拥有预定义选项的一个 Vue 实例
2.使用
1)定义
全局组件
a.定义
Vue.component("组件的名字",{
template:"<div>组件模版的内容</div>"
})
b.使用
<组件的名字></组件的名字>
c.坑
使用时成对标记
名字时驼峰命名的,改为 - 的形式
不能和现有标签重名menu header process
局部注册组件的定义 (常用)
var 组件的名字 = {
template:"<div>组件的内容</div>"
}
new Vue({
.....
components:{ //局部注册
key:组件的名字
}
.....
})
<组件的名字></组件的名字>
组件里的数据
data(){ //为了保证每个组件的实例数据是独立的
return {
key:value
}
}
methods
computed
watch
template:组件里必须有模版
组件的事件响应
<组件 v-on:事件.native=“事件处理函数" />
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步