ref属性

ref是Vue提供的获取组件的属性

<template><div><h1 v-text="msg" ref="title"></h1><button ref="btn" @click="showDOM">点我输出上方的DOM元素</button><MySchool ref="sch"/></div>
</template><script>//引入School组件import MySchool from './components/MySchool'export default {name:'App',components:{MySchool},data() {return {msg:'欢迎学习Vue！'}},methods: {showDOM(){console.log(this.$refs.title) //真实DOM元素console.log(this.$refs.btn) //真实DOM元素console.log(this.$refs.sch) //School组件的实例对象（vc）}},}
</script>