我是 Vue 的新手,我对 data
属性中的值绑定(bind)到我的 Vueify 模板中的占位符有疑问。我敢肯定这是一个简单的缺乏理解,但任何帮助将不胜感激。
我正在使用 Browserify 对我的 .vue 文件运行 Vueify 转换。
这是我当前的设置:
new Vue({
el: '#clip-slides',
render : function(createElement){
var template = require('./clips.vue');
return createElement(template);
},
data : {
'testValue' : 'I am a test value!'
}
});
<template>
<div>
{{testValue}}
</div>
</template>
模板中的占位符 testValue
被替换为空字符串。
我需要做什么才能为我的模板正确提供“数据”选项?
最佳答案
将其作为属性传递。
Clips.vue
<template>
<div>
{{testValue}}
</div>
</template>
<<script>
export default {
props: ['testValue']
}
</script>
main.js
new Vue({
el: '#app',
render(h){
let template = require("./Clips.vue")
return h(template, {props:{testValue: this.testValue}})
},
data:{
testValue: "hello world!"
}
})
工作 example .
关于javascript - 使用 Vueify 渲染函数时在模板中绑定(bind) Vue 数据属性值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47020109/