我正在使用 laravel 和 vue 构建应用程序。我有导航栏,目前它看起来像:
<template>
<nav class="navbar">
<p>{{msg}}</p>
</nav>
</template>
我在这里使用它:
<body class="">
<div id="app">
<div class="">
<navbar></navbar>
@yield('content')
</div>
</div>
</body>
在 yield 中,我正在加载另一个组件,所以我将导航栏和另一个组件放在一起。现在我想在另一个组件中覆盖导航栏中的 {{msg}} 变量。在每个组件中,该变量都是不同的。
我不知道如何在组件中覆盖它并从 {{msg}} 做一些文本。你能帮助我吗? (上面的代码就是我所有的)
最佳答案
如果你想在其他组件中使用msg
,那么你需要使用prop
像这样使用:
props: ['msg'],
然后,你需要像这样绑定(bind)它:
<component-name :msg="msg"></component-name>
在你的组件中,你可以把它当作:
<template>{{ msg }}</template>
希望你明白!
关于javascript - 在组件之间的 vue.js 中传递变量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46075392/