1、路由的使用
使用路由懒加载的方式替换原始的设置路由方式
// import Vue from 'vue'
// import Router from 'vue-router'
const homepage = () => import ('@/components/homepage')
const addworks = () => import ('@/pages/addworks')
const usermanage = () => import ('@/pages/usermanage')
// Vue.use(Router)
export default new VueRouter({
routes: [
{
path: '/',
name: 'homepage',
component: homepage
},
{
path: "/addworks",
name: "addworks",
component: addworks
},
{
path: "/usermanage",
name: "usermanage",
component: usermanage
}
]
})
2、插件的使用
(1)import 按需引入
(2)使用CDN的方式在index.html引入常用的插件
2.1 index.html
2.2 在build/webpack.base.conf.js 添加如下配置
entry: {
app:'./src/main.js'},
externals: {//通过CDN的方式在index.html引用的需要在这里设置
'vue': 'Vue','vue-router': 'VueRouter','element-ui': 'ELEMENT'},
output: {
path: config.build.assetsRoot,
filename:'[name].js',
publicPath: process.env.NODE_ENV=== 'production'
?config.build.assetsPublicPath
: config.dev.assetsPublicPath
},
2.3 注释或者删除src/main.js 的import引入