20221014 Vue 路由、存放静态

163 阅读1分钟

assets:存放静态资源的

assets下静态资源的使用:

标签上使用:可以直接路径使用 

动态渲染:不能直接路径使用,

需要引入

1、require('路径') 

2、默认引入 

3、标签上使用require渲染require(路径+') 

assets和static的区别: 

assets模块化打包只加载使用到的模块 static不被模块化打包,在任何地方可以直接用路径用 

路由【管理页面的跳转】

router:路由器

routes:路由组

route:单条路由

Router:路由器的构造器

路由视图-router-view:显示路由组件

一级路由在App.vue中找路由视图

子路由会在父组件找路由视图

路由的跳转:

router-link跳转

to=“path”   :to=“{name:‘name’}”

$router.push(‘路径’)

$router.push({name:‘name’})

tag:渲染的标签,不写默认渲染为a