<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div id="app">
<input type="text" ref="input1">
<!-- 给标签添加一个ref属性。任意标签都可以-->
<button @click="add()">提交</button>
</div>
</body>
</html>
<script>
var vm = new Vue({
el:"#app",
methods:{
add:function () {
this.$refs.input.value="22"
// this指当前的vue实例对象 也就是vm
//ref通常和$refs配合使用
// ref指向了dom元素 如果该元素是组件,那么就指向组件
// $refs 可以操作所有注册了 ref的元素或者是组件
// 注意 $refs不能在created生命周期中使用 因为在组件创建时候 该ref还没有绑定元素
}
}
})
</script>