一。我们要获取页面中的dom元素
这里我们有两种获取页面dom元素的方法
第一种是使用ref
vue中ref的作用
vue中的ref其实功能很强大,下面介绍一下如何使用。
基本用法,本页面获取dom元素
<template>
<div id="app">
<div ref="testDom">11111</div>
<button @click="getTest">获取test节点</button>
</div>
</template>
<script>
export default {
methods: {
getTest() {
console.log(this.$refs.testDom)
}
}
};
</script>
其实ref除了可以获取本页面的dom元素,还可以拿到子组件中的data和去调用子组件中的方法
二。 获取子组件中的data
2.1 子组件中的代码
<template>
<div>
{
{ msg }}
</div