1.插槽 定义 共同的内容在组件内进行封装,不同元素使用slot占位,外部决定显示什么样的元素 如果没有提供插槽内容,则生效默认内容 匿名插槽 多个匿名插槽将会被复制多份 具名插槽 多个插槽使用具名函数 给插槽一个具体的name值 使用slot=“name”的方式,指定当前内容替换哪一个插槽 如果没有slot属性,就填充匿名插槽 作用域插槽 带数据的插槽,父组件填充子组件插槽内容时,也可以使用子组件的数据 在子组件slot中通过v-bind:数据名称=“数据名称”方式暴露 在父组件中通过<template slot-scope="作用域名称">接收数据 v-slot指令 告诉vue当前内容填充到哪一个具名插槽 只能用在template标签上,<template v-slot:name的值> 可以用#代替v-slot: 动态插槽名称 通过v-slot:[name]动态绑定一个名称; data中的name name:“left” 2.内置组件 component is来决定哪个组件被渲染 keep-alive 包裹动态组件时,会缓存不活动的组件实例,而不是销毁他们 transition 3.生命周期 每个组件都可能经历从创建,挂载,更新,卸载的过程 初始化显示 beforeCreate()实例创建前:数据和模板均未获取到 created()实例创建后:最早可访问到data数据,但模板未获取到 beforeMount()数据挂载前:模板已获取,但数据未挂载到模板上 mounted()数据挂载后,数据已挂载到模板中 更新显示 beforeUpdate()模板更新前:data改变后,更新数据模板前调用 updated()模板更新后:将data渲染到数据模板中 销毁vue实例 beforeDestroy()实例销毁前 destroy()实例销毁后 组件缓存 activated:组件被激活 deactivated:组件被停用 4.ref操作dom 使用 在需要的元素上添加ref属性 <p ref="myp"> 通过this.$refs.xxx获取 this.refs.myp |