vue 模板应用

一，模板应用也就是对DOM的操作

二，如何使用

        通过标签里面添加ref  和vue中使用 this.$refs.ref的名字.操作 进行使用

        

<template><h3>模板引用</h3><div ref="cont" class="cont">{{ content }}</div><input type="text" ref="username"><button @click="getcont()">获得元素</button>
</template>
<script>export default{data(){return{content:"内容"}},methods:{getcont(){console.log(this.$refs.cont.innerHTHL="不遗憾");console.log(this.$refs.username.value);}}}
</script>