社区
JavaScript
帖子详情
vue中怎么实现app.vue里啥组件也不写,但是切换路由导航还不变。
小洛北
2020-07-19 12:28:57
就是用vuecli构建一个vue项目,app.vue里只放个route-view,想让路由发生改变时导航不发生改变,其他地方发生改变,怎么实现?大佬们请指教。
...全文
265
1
打赏
收藏
vue中怎么实现app.vue里啥组件也不写,但是切换路由导航还不变。
就是用vuecli构建一个vue项目,app.vue里只放个route-view,想让路由发生改变时导航不发生改变,其他地方发生改变,怎么实现?大佬们请指教。
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
1 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
小洛北
2020-07-19
打赏
举报
回复
就是每次切换路由,导航条都不发生改变,然后主要内容区根据选择的导航发生改变,选择导航路由会发生改变,我不知道为啥有的项目里app. vue里干干净净的,但是导航条就是不会根据路由的切换而改变,想知道怎么实现的,最近也有这个需求。
Vue
3.0+
Vue
-router4.x+
Vue
4.x 新特性入门实战
在讲解过程
中
,我们会对比
Vue
2.x的API特性,使用有哪些区别,
实现
方式有哪些改
变
,这样对
Vue
3.x新手同学就更加的清晰易懂。课程
中
,我们将会以新手入门案例项目实战紧跟课程内容的方式学习本门课程,方便大家能够...
vue
的
app
.
vue
文件
app
.
vue
可以当做是网站首页,也可以
写
所有页面
中
共同需要的动画或者样式 不在他上面
写
代码也可以,只要你在router文件夹
中
的index.js填
写
好
路
由就ok 对应index.html,你也可以改,只不过需要在main.js哪
里
更改应用。 说白了就就是一个普通
vue
文件,只不过命名为
app
.
vue
,类似于函数命名,语义化, 让人更加一目了然看到这个是#入口
vue
文件
App
.
vue
是我们的主
组件
,页面入口文件 ,所有页面都是在
App
.
vue
下进行
切换
的。 也是整个项目的关键,
app
.
vue
负责构建定义及
vue
中
App
.
vue
的主要作用
app
.
vue
中
不但可以当做是网站首页,也可以
写
所有页面
中
公共需要的动画或者样式。不在上面
写
代码也可以。
app
.
vue
是主
组件
,是页面入口文件,是
vue
页面资源的首加载项。所有的页面都是在
app
.
vue
中
进行
切换
的。可以理解为所有的
路
由都是
app
.
vue
的子
组件
。 ...
Vue
中
main.js、
App
.
vue
和index.html
初始化的
Vue
项目的时候,最先接触到的就是main.js,
App
.
vue
,index.html这三个文件。 main.js是入口文件,主要作用是初始化
vue
实例,并引入所需插件
App
.
vue
是主
组件
,所有页面都是在
App
.
vue
下进行
切换
,可以理解为所有的
路
由都是
App
.
vue
的子
组件
index.html是页面的入口文件,
里
面包含一个id为
app
挂载点,main.js
中
定义的
Vue
根实例就会挂载到该挂载点上 打开网页的时候,页面Title是index.html
中
定义的Title,而正文部分是
App
..
Vue
:默认的
App
.
vue
Vue
中
默认
App
.
vue
JavaScript
87,922
社区成员
224,618
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章