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) // 输出目标元素
}
}
精彩文章
评论可见,请评论后查看内容,谢谢!!!评论后请刷新页面。
发表评论