Vue动态参数

动态参数，就是可以为一个HTML元素的属性绑定动态值，例如v-bind:[attributeName] = "value"

    <div id="app">
      <input :type="type" :[attributeName]="value"/>
    </div>
    <script src="../js/vue.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
      let data = {
        num:1,
        type:'text',
        attributename:'value',
        value:'动态参数'
      }
      const vm = new Vue({
        el:'#app',
        data
        // render: h => h({template:`<div id="app">App</div>`})
      })
    </script>

这段代码的input框会被解析为<input type="text" value="动态参数">

注意这里也有一个小坑，因为在HTML属性中并不区分大小写，所以attributeName会被解析为attributename，如果在data中定义为attributeName会取不到值而报错（在脚手架环境可以直接使用attributeName）