Javascript 使用Vueify渲染函数时绑定模板中的Vue数据属性值

我是Vue新手，对绑定到Vueify模板中占位符的

数据
属性中的值有问题。我相信这是一个简单的缺乏理解，但任何帮助将不胜感激

我正在使用Browserify对我的.vue文件运行Vueify转换

这是我当前的设置：

newvue({
el:'剪辑幻灯片'，
渲染：函数（createElement）{
var template=require（'./clips.vue'）；
返回createElement（模板）；
},
数据：{
“testValue”：“我是一个测试值！”
}
});


{{testValue}}

模板中的占位符
testValue
将替换为空字符串

我需要做什么才能正确地为模板提供“数据”选项？
将其作为属性传递

Clips.vue

<template>
    <div>
      {{testValue}}
    </div>
</template>

<<script>
export default {
  props: ['testValue']
}
</script>

工作。
在什么情况下使用道具与数据？@Ryangrifith属性本质上是组件的接口。当您希望将数据从父级传递到子级时，可以通过属性传递数据。如果零部件更改了该数据，通常会发出新值。感谢@Bert，我能够使用这个方法运行我在这里提供的示例，但是这个示例就是这样，只是一个示例。我不确定如何将其应用到我的实际情况中，在我的模板中使用组件（不是我自己构建的），这些组件需要定义的
数据
属性中的属性。我怎样才能用道具通过呢？具体地说，我试图使用：@RyanGriffith我看不出您需要在那里设置任何数据。看起来它只是在使用插槽。下面是一个具体示例：
new Vue({
  el: '#app',
  render(h){
    let template = require("./Clips.vue")
    return h(template, {props:{testValue: this.testValue}})
  },
  data:{
    testValue: "hello world!"
  }
})