18910140161

我想了解下vue的路由和v-if的区别,我可以不可以用v-if去代替前端路由呢

顺晟科技

2021-06-19 08:07:54

304

我想了解下vue的路由和v-if的区别,我可以不可以用v-if去代替前端路由呢,我上网查了很久没有找到相关解说


顺晟科技:

所以,如果你满篇都是v-if,那么打开首页的效率可想而知。

而路由就不一样了,可以设置为动态路由,不点击路由是可以不加载对应的组件的,这样可以确保效率。

从代码的角度来说,是可以的,但是从效率角度来说,就不行了。因为你是你一开始设置的就是 v-if=“false”,但是vue内部还是需要做处理的,如果里面是一个组件的话,那么组件也会被加载运行,只是没有变成真实dom。

当然可以,本质上路由也是根据path动态加载组件,其实是封装过的v-if,看看官方的例子[路由 | Vue.js]

要正面回答你的问题的话,可以,但代码写起来会非常不灵活(你可以自己试一下,用一个变量代表 URL 就好了)

你的「路由」是指 Vue Router?

这是两个概念v-if 是用于控制组件、元素 是否在进入生命周期进行渲染的路由是 文件路径的变化如果你使用纯数据化的方式去编写你的项目,是可以通过这样的方式控制显示隐藏的。因为你所有的代码、逻辑都在一个js文件内,比如 switch 的case 当 匹配了才会进入该case 中但是个人不喜欢这样的方式,脑洞太大了

你了解过动态组件吗?

另外维护起来也是路由更方便一些。

相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航