Layui 组件化

我心飞翔发布于 1年前分类：vue

时代的车轮滚滚向前，哪些属于每个时代的英雄变成了那个时代的印记，就像贤心说的这是一种带有热量的冰冷感！

我们选择了 IT 这个行业，自然希望能够在这里走得更远。而那些大神创造的框架则让我们看得更远，2006年1月，约翰 · 雷西格发布了 jQuery 的第一个版本，就让我们进入了 jQuery 时代；尤雨溪创造了 Vue，使我们正式迈入 Vue 的时代。这些领军者，让我们的工作和生活变得更加简单。

我们与这些领军者相去甚远，微不足道，但依然有很多IT人在默默地用自己的行动来帮助一些人，让我们可以少走一些弯路、少踩一些坑。

借此机会，在这里向LayUI致敬，向贤心大神致敬，向jQuery致敬！

使用：

noticetab.html

<!--不要写html标签-->
<div class="wrapper-header-fix">
	<h1>11111</h1>
</div>

主页加载组件

<!DOCTYPE html>
<html>
	....
	
	<div id="noticeDiv">
</html>

	layui.$("#noticeDiv").load("component/noticetab.html", function(){
		console.log('load success')
	});

组件化之后页面如何与组件之间进行交互？

定义监听

window.addEventListener('upd_info',function(e){
		console.log(e.detail);
	})

调用

var param = {name: '张三'}
var mevent = new CustomEvent('upd_info', {
      // param 是要传的参数
	  detail：param
});
window.dispatchEvent(mevent);