jh_layout_basics_component v0.0.1

JHLayoutBasicsComponents

基础布局组件

npm安装 npm i JHLayoutBasicsComponents

全局使用
import JHLayoutBasicsComponents from "JHLayoutBasicsComponents";
Vue.use(JHLayoutBasicsComponents);

动态加载

###1.动态创建 <script>
###2.src = JHLayoutBasicsComponents.js
###3.加载完成 组件会放入window.components属性中

let  that =this;
var script = document.createElement("script")
script.type = "text/javascript";
console.log(script.readyState)
script.onload=()=> {
    console.log('加载中...', script.readyState)
    console.log(window.components[0].name,window.components[0])
    Vue.component(window.components[0].name,window.components[0]);
    Vue.component(window.components[1].name,window.components[1]);
    that.tab_option= window.components[0];
    that.tab_option= window.components[1];
}
script.readystatechange = function () {
    console.log('加载中...', script.readyState)
    if (script.readyState == "loaded" || script.readyState == "complete") {
        script.onreadystatechange = null;
        console.log('加载成功')
    } else {
        console.log('加载v2')
    }
};
script.src = './JHLayoutBasicsComponents.js';
document.getElementsByTagName("head")[0].appendChild(script);

html vue+script 引入

  <script src="./vue.js"></script>
  <script src="./JHLayoutBasicsComponents.js"></script>

  <div id="app">
    <test_button :prop-data="propData" />
  </div>