1. import tem from './'(地址) 导入组件
components:{tem} 注册组件
父传子: props{
num:{
type:'',
default:'' }
子组件不能更变父组件的值
子传父:使用事件 $emit
<button @click="$emit('counterchange',counter)">
父类接受 <tem @counterchange='n=$event'></tem>(n是父类的数据用来接收子传父的值)
$event固定写法事件的值(counterchange 事件的值$emit的第二个参数)
2.生命周期
1.创建前后 created 创建后 :有data 没有$el ,dom节点
用处:ajax请求 定时器 事件监听
2.挂载前后 mounted 挂载后: 有dom节点 数据也渲染
作用: 操作节点,ajax请求 会执行多次
3.更新前后 更新前 数据更新 dom节点没有更新
更新后 dom节点更新
4.销毁前后 beforeDestroy 销毁前:数据可以更新,视图已经不更新了
作用:移除事件监听,停止定时器
加油!!!!
最新推荐文章于 2024-07-08 14:58:49 发布