有一个文件组件parkInfo.vue
,我试图传递main.js
该组件的注册位置,即输入参数park
。
main.js 我在这里注册组件
Vue.component(
"popup",
require("./vue-components/parkInfo.vue").default,
{
props: [ "park" ]
});
parkInfo.vue本身就是这个组件
<template>
<div>
<div class="modal-header">
<h1>...</h1>
<h2>{{ park }}</h2>
</div>
<div class="modal-body">
{{ ... }}
</div>
</div>
</template>
<script>
...
</script>
home.blade.php这里使用这个组件
<div id="modal">
<popup park="Какой то известный парк"></popup>
</div>
PS如果您声明一个属性park
并保留它,例如文档中所说的空值(“”),那么vue将完全使用这个值,而不是输入参数中传递的值
Vue.component( id, [definition] )
接受两个参数(根据Vue API)props
在组件中的使用示例: