使用vue-cli
3.0搭建项目比之前更简洁,没有了build
和config
文件夹。
vue-cli3
的一些服务配置都迁移到CLI Service
里面了,对于一些基础配置和一些扩展配置需要在根目录新建一个vue.config.js
文件进行配置
在上线vue开发的前端网页上线后,刷新页面报404错误,因为网页上显示的是静态绝对路径,实际上服务器上是没有改路径的所以刷新汇报错误。
在我们的实际项目开发中,多数是采用按需引入的模式来进行开发的,那么具体应该如何操作呢,可能会有许多新人傻傻分不清楚,具体将在下文讲到。
借助 babel-plugin-component
,我们可以只引入需要的组件,以达到减小项目体积的目的:
npm install babel-plugin-component -D
<keep-alive>
是Vue的内置组件,能在组件切换过程中将状态保留在内存中,防止重复渲染DOM。
<keep-alive>
包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们。和 <transition>
相似,<keep-alive>
是一个抽象组件:它自身不会渲染一个 DOM 元素,也不会出现在父组件链中。