我对在VUEJS 2文档中向组件传递静态props有些困惑。
https://v2.vuejs.org/v2/guide/components-props.html#Passing-a-Number
如果我不绑定这个prop,我在组件模板中看不到它。
如果我绑定它但是应用中没有数据,我会得到一个错误。它们应该是在翻译组件中分配的静态数据。
添加单引号可以工作,但是文档中没有显示这个。
我是不是在某个地方漏掉了什么?
编辑:添加全局注册的组件
Vue.component('translation', {
props: ['phrase', 'type', 'lines'],
template: '{{ phrase }} - {{ type}} - {{ lines }}'
}); Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
实际上,当你像这样编写代码时
这意味着你将类型与字符串
body绑定,并将行数与字符串3绑定,你应该能够通过组件translation的props获取它们。但是,如果你像这样编写
属性type是无效的,因为
body不是一个变量或其他任何东西。当你像这样编写
它与第一个示例完全相同,你将类型与字符串
body绑定,将行数与字符串3绑定,如果你想将类型与字符串绑定,行数与数字绑定,你可以尝试这样做:希望对你有所帮助。