vue jsx 实现v-bind

const data= { name: '张三', value: 1 }
//使用prop字段传输需要绑定的数据
return (
  <TestTemplate 
  { ...{
    props: data
  } }/>
)

推荐阅读更多精彩内容

• VUE.JS中v-bind和v-model的区别，以及使用v-model实现双向绑定（笔记）

  在vue中，v-bind 只能实现数据的单向绑定，从 M （model）自动绑定到 V（view）， 无法实现数据...

  ticktockk2016阅读 2,807评论 4赞 2
• Vue.js基础-06-绑定样式（v-bind）-01-绑定class属性（v-bind:cl...

  1. class 属性绑定 语法示例 说明：名为app的ID被 Vue实例绑定active 是前边定义的stlye...

  玄德公笔记阅读 218评论 0赞 4
• Vue.js基础-06-绑定样式（v-bind）-02-绑定内联样式（v-bind:style）

  1. 绑定样式对象 语法示例 绑定对象 在vue实例中定义样式 完整示例 代码 显示结果image.png 2. ...

  玄德公笔记阅读 296评论 0赞 5
• Vue.js基础-06-绑定样式（v-bind）-03-单项绑定数据（v-bind:value）

  1. 单项绑定 （v-bind:value） 语法示例 vue实例中定义值 绑定该值 完整示例 结果显示 输入框中...

  玄德公笔记阅读 255评论 0赞 4
• Vue的学习笔记-Day1-01(创建新的vue实例、v-clock、v-text、v-htm...

  一、创建新的vue实例 1.首先需要将vue引入 2.然后进行V层的实现 3.最后是VM层和M层 至此一个简单的v...

  sure_guo_andy阅读 300评论 0赞 1