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 |
| 欢迎光临 菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/) | Powered by Discuz! X3.4 |