设为首页收藏本站
开启辅助访问

Vue：beforeMount和mounted生命周期函数特点

 您所在的位置：网站首页 › 生命周期vue › Vue：beforeMount和mounted生命周期函数特点

Vue：beforeMount和mounted生命周期函数特点

#Vue：beforeMount和mounted生命周期函数特点| 来源: 网络整理| 查看: 265

在这里插入图片描述 beforeMount生命周期函数，是将要渲染html结构，但还没有渲染，此时是无法获取到DOM元素的，不常用。 mounted生命周期函数，已经将html结构渲染到了浏览器中，此时可以操作DOM元素。 操作代码示范：

MyMain组件 export default { data() { return { msg: '华为荣耀9Pro成交额是3000+' } }, methods: { show() { console.log('显示方法') } }, // 无法操作DOM 该方法没什么意义 beforeMount() { console.log(this.$refs.mainRef) // undefined }, // 可以操作DOM mounted() { console.log(this.$refs.mainRef) // 输出目标元素 } }


【本文地址】


今日新闻

推荐新闻

CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3