vue 公用页面引用_关于vue全局引用公共的js和公共的组件的折腾

前沿

最近在项目开发中遇到一些需要全局引用的公共js,或者公共组件，早就烦死了那种每个页面都写一遍，都引用一个js的写法，正好vue解决了这个额问题，于是乎就开始折腾,折腾的过程中也发现了一些自己之前未遇到的坑，就纪录下来，方便自己学习e。

一，先看看全局组件的引用，就拿最常用的全局的暂无数据来举例，看看全局的是如何实现的。

Step1,首先在components创建一个公共的目录，NoDatas目录里边包含index.vue和index.js,index.vue用来写公共的页面，index.js用来导出这个组件。

:style="{height: NoDataHeight }">{ {NoDataWords}}

export default {

// 就是基本的父子组件传值

props: ["NoDataHeight", "NoDataWords"],

data() {

return {};

},

methods: {}

};

.NoDataAtAll {

font-size: 14px;

color: #909399;

}

Step2: 然后就是在index.js中注册该组件

import NoDataS from './index.vue'

const noDataLists = {

install: function(Vue) {