使用没有组件的Vue JS

时间:2018-10-06 18:50:03

标签: javascript vue.js

我几次浏览过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:D

中使用php

所以我将所有内容保持原样,并在不使用组件的情况下基于此进行反应。

那很糟吗?

如果是,如何在使用组件的情况下在component-b内的某些单击上更改component-d?

(在我的情况下,B是顶部栏中的下拉菜单,D是在该下拉菜单项单击时更改的选项卡部分)

1 个答案:

答案 0 :(得分:0)

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

如果内容只能在视觉上隐藏,可以通过API进行检索,则可以使用v-ifv-show之类的Vue指令,并使用javascript显示和隐藏组件。