Vue中ref属性

 ref属性：

        1.被用来给元素或子组件注册引用信息（id的替代者）

        2.应用在html标签上获取的是真实DOM元素，应用在组件标签上是组件实例对象（vc)

        3.使用方式：

                打标识：

.......

或

                获取：this.$refs.xxx

main.js

//引入Vue
import Vue from 'vue'
//引入App
import App from "./App";
//关闭Vue的生产提示
Vue.config.productionTip = false

//创建vm
new Vue({
    el:'#app',
    render:h=>h(App)
})

 School.vue

 App.vue

index.html

执行效果：