ref和refs的区别:
ref用来给元素或子组件注册引用信息,引用信息将会注册在父组件的$refs对象上,
如果是在普通的DOM元素上使用,引用指向的就是DOM元素;
如果是在子组件里,引用就指向组件实例
$refs可以用来选择元素或子组件
案例如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div id="myapp">
<button @click='changeBtn'>改变</button>
<!-- 通过ref注册元素或子组件标签 -->
<div ref='mydiv'>标签name</div>
</div>
</body>
</html>
</body>
<script src="../vue.js"></script>
<script>
new Vue({
el: '#myapp',
data: {},
methods: {
changeBtn() { //触发点击事件