图片存放和读取

图片存放在 src/assets 下，在读取时使用 require 引入

<van-image :src="require('../assets/index-banner.png')" />

路由配置

在 src 中新建 router.js

// 引入vue
import Vue from 'vue'

// 引入vue-router
import VueRouter from 'vue-router'

// 第三方库需要use一下才能用
Vue.use(VueRouter)

// 引用页面
import index from './index/HelloWorld'

const routes=[
    // 单个路由均为对象类型，path代表的是路径，component代表组件
    {
        path:'/',
        redirect:"indexNews"
    },
    {
        path:'/index',
        name:'index',
        component: index,
        children: [
            {
                path: '/indexNews',
                name: 'indexNews',
                component: indexNews
            }
        ]
    }
]

main.js 中引入路由

import router from './router.js'

new Vue({
  render: h => h(App),
  router,
}).$mount('#app')

代码解释参考
挂载理解