使用不带组件的 vue js

Question

我浏览过 laracasts vuejs 教程几次，youtube 上的 thenetninja 和其他几个......

因此，由于反应性，我决定将我的网站前端更改为 vue。 喜欢切换和其他东西。但也有一些非常有用且很酷的组件，但就我而言，它们似乎大多是不需要的。

每个教程都是关于基本的东西，但就我而言：

<component-a>
    <component-b></component-b>
</component-a>
<component-c></component-c>

在<component-b> 内部，我单击按钮，然后我需要更改<component-c> 中的某些内容。

除了将所有内容添加到一个组件中之外，我不知道该怎么做，但事实并非如此，因为如果用户未登录，则不应该呈现某些内容：

<component-c>
    @if(auth()->user())
    <component-d></component-d>
    @endif
    <component-e></component-e>
</component-c>

我不能在 .vue 中使用 php :D

所以我将所有内容保持原样，并在此基础上进行响应，而不使用组件。

这很糟糕吗？

如果是，如何使用组件在组件-b 内单击时更改组件-d？

（在我的例子中，B 是顶部栏中的下拉菜单，D 是在该下拉菜单项点击时更改的选项卡部分）

Answer 1

如果某些内容必须对客户端隐藏，您不能使用 vue，而只能继续使用 php 和 laravel Blade 的 @if，但是“反应性”只能在整个页面加载时发生。

如果内容只能在视觉上隐藏，可以通过 API 检索，那么您可以使用 Vue 指令，如 v-if、v-show 并使用 javascript 显示和隐藏组件。