vue-cli3.0项目自定义一个全局组件
在我们的项目中,总会有一些相同的东西要展示,比如说图标啊...,这个时候我们就可以把这些写成一个全局组件,哪里需要就直接用就可以了。
第一步:创建所需页面
1)创建你要全局的一个组件页面,如下svgIcon.vue
2)在刚才创建的index.js页面引入你想要全局的组件
2,在main.js引入
3,在vue.config.js中配置vue路径
这里要注意了,在vue.config.js文件修改后要重新启动项目
在我们的项目中,总会有一些相同的东西要展示,比如说图标啊...,这个时候我们就可以把这些写成一个全局组件,哪里需要就直接用就可以了。
1)创建你要全局的一个组件页面,如下svgIcon.vue
2)在刚才创建的index.js页面引入你想要全局的组件
这里要注意了,在vue.config.js文件修改后要重新启动项目