如何配置打包后的dist文件

 时间:2024-10-14 07:20:52

1、我们咸犴孜稍先在src/components/创建一个文件New.vue<template> <div> <h1>稆糨孝汶;vue-router懒加载</h1> <h2>new doc</h2> </div></template><script> export default { }</script><style> h1 { color: red; }</style>.

如何配置打包后的dist文件

2、在App.vue 文件添加两个链接<template> <div id="app"> ![](./assets/lo爿讥旌护go.png) <router-link to="/">Go to hello</router-link> <router-link to="/new">Go to new</router-link> <router-view></router-view> </div></template>

如何配置打包后的dist文件

3、在src/router/index.js 文件中添加路由import Vue from 'vue'import Router from 'vue-router'import Hello from 'components/Hello'import New from

如何配置打包后的dist文件

4、'components/New'Vue.use(Router)export default new Router({routes: [{ path: '/', name: 'Hello', component: Hello }, { path: '/new', name: 'New', component: New }] })

如何配置打包后的dist文件

5、现在我们打包文件,npm run build打包完后,打开页面(如何不能打开,请自行解决。我配置了nginx,所以可以直接打开)。

如何配置打包后的dist文件
  • text对象如何使用readonly属性?
  • notepad++如何更改主题和默认编码格式
  • visual studio 2017怎样将对象返回?
  • 关于js失效的原因
  • json数据怎么去拼接成字符串
  • 热门搜索
    健康饮食手抄报内容 劳动节手抄报简单漂亮 红心向党手抄报 重阳节手抄报简单字少 法律手抄报图片 清明节手抄报一年级 端午节手抄报句子大全 六一儿童节手抄报诗 中秋节手抄报简单 感恩手抄报资料