专业的编程技术博客社区

网站首页 > 博客文章 正文

vue的虚拟属性ref(vue什么是虚拟dom)

baijin 2024-10-04 13:24:10 博客文章 7 ℃ 0 评论

ref和$refs

  • ref是一个属性,可以绑定在vue实例管辖的任意标签中。
  • 绑定后可以在实例中通过this.$refs调用,是一个对象
  • 如果实在要操作dom,最好用这个方式
  • 可以做任何形式的传值,但是耦合比较严重最好不要
 <div id='app'>
 //绑定一个ref
 <button ref='btn' @click='getTag'>{{msg}}</button>
 </div>
 <script src='./node_modules/vue/dist/vue.js'></script>
 <script>
 var vm = new Vue({
 el: '#app',
 data: {
 msg: '我是按钮啊'
 },
 methods: {
 getTag() {
 //按钮点击后就能获得这个标签
 console.log(this.$refs);
 }
 },
 })
 </script>

Tags:

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表