在实例挂载之后,元素可以用 vm.$el 访问。
$,以便与用户定义的属性区分开来
<template>
<button @click="myClick">点我啊</button>
</template>
<script>
export default {
data(){
return{
}
},
methods:{
myClick(){
console.log(vm.$el)//打印id为app的dom节点document.getElementByTd('app')
}
}
}
</script>
<style>
</style>
在main.js里初始化实例vm
import Vue from 'vue'
import App from './App'
import router from './router'
Vue.config.productionTip = false
/* eslint-disable no-new */
var vm=new Vue({
el: '#app',
router,
components: { App },
template: '<App/>'
})
global.vm=vm;//全局化
返回