引用官方资料:https://cn.vuejs.org/v2/api/#ref
<body>
<div id="app" ref="app">
<p id="myid" ref="myid">111</p>
<p>222</p>
</div>
<script type="text/javascript">
var vm = new Vue({
el: '#app'
});
console.log(vm.$refs.app.innerText);
console.log(vm.$refs.name.innerText);
</script>
</body>
1、为#app添加了ref,控制台输出#app中的所有数据 (111 222)。
2、为#myid添加了ref,控制台只输出#myid中的数据(111)。
网友评论