如何配置打包后的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数据怎么去拼接成字符串
  • 热门搜索
    匀称的意思 0.0是什么意思 咖啡粉什么牌子好 热血江湖什么职业厉害 望眼欲穿是什么意思 什么叫风管机 客舍是什么意思 团购是什么意思 比表面积是什么意思 厚道是什么意思