动态参数 vue 总是报错attributeName不存在，手册是这样说的但是总是报错是为什么？

Question

  -->
   <div id='app'>
     <a v-bind:[attributeName]='url'>点击跳转</a>
   </div>

   <script>
     new Vue({
      el:'#app',
      data:{
        attributeName:'href',
        url:'www.baidu.com'
      }
     })
   </script>

Answer 1

data 要这样写,

 data() {
     return {
            
        attributeName:'href',
        url:'www.baidu.com'
 
     }
 }

Answer 2

你的data写的不对。。

Answer 3

正确的写法是：将data的属性 attributeName 转换成小写 attributename

Answer 4

确定 vue 版本是 2.6.0+?

---

@娜娜奇 是对的，data 应该是个方法，返回一个对象

Answer 5

我也出现这个问题了但是按楼上说的方法也不行能告诉我你是怎么解决的吗