Vuejs 组件――props数据传递的实例代码

验证test这个变量是不是双向绑定，如果不是，则报错。（注意，这个不能用于验证单向绑定）。

示例代码如下：

<p id="app"> 
  父组件： 
  <input v-model="val"><br/> 
  子组件： 
  <test :test="val"></test> 
</p> 
<script> 
  var vm = new Vue({ 
    el: '#app', 
    data: { 
      val: 1 
    }, 
    components:{ 
      test:{ 
        props: { 
          test: { 
            twoWay: true 
          } 
        }, 
        template: "<input v-model='test'/>" 
      } 
    } 
  }); 
</script> 

更多验证类型请查看官方教程：http://cn.vuejs.org/guide/components.html#Prop__u9A8C_u8BC1

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程小技巧。

无相关信息