33.组件介绍&使用

下面我们来介绍组件。LM框架的话呢，它提供了基于web components组件化思想的一个这样的一种方式。嗯。下面我们来介绍组件。LM前端组件化开发模式，它是基于web components的组件化思想。提供包含虚拟DOM和runtime编程框架MGS以及多端统一的编译工具。

完全兼容web标准，同时也兼容view和语法谈来编写代码，我们的编译工具呢，可以将view和相关的语法呢编译成咱们的am代码。好，说起来很复杂，其实说白了就是MMGS前端的这个组件化思想呢，它和我们传统的组件化思想是一样的。简单来讲，一个STL文件，它就是一个组件。好，这个组件呢，就应该包含啊，Template代表它的结构，Script代表它的JS，它的行为，Cell代表它的样式，对吧？那么这样的一个文件，并且名字后缀名叫DSL的文件，它就是一个组件。而我们开发的时候呢，要采用组进化的方式开发，那什么又是组进化呢？简单来说，当我们项目是一个组件一个组件并写，并且组合在一起的方式，那么这样就是主机化开发。

好了，所以呢，这就是组机的思想，我们之前在写代码的时候呢，一直都是用组织的方式去写代码。那么后面我们尝试多写几个组件，并且学习如何将它们组合在一起。来，下面我们来演示一下。在这里呢，我们来写一些组件啊，比方说我们来新建一个DEMO5。好了，细节一个DEMO页面。OK，然后在DEMO5页面里面呢，我们来写一个。对吧，写个标题。好，这一个呢，它对应的是五。OK，那么此时呢，我希望啊，它在用上一个组件，组件呢，我们统一都在components定义配置，下面定义的是页面，我们直接访问的页面，而卡定义的是组件，所以组件我们在这定义。

直接写组件名就好了，那么我们这里呢，就定义一个测试的一个组件吧，Test创建啊，那么这个组件呢，我们也不用去写额外的太多内容，我们呢，只需要在里面加一段文字。好叫测试组件对吧，OK，其他的东西呢，我都不需要。那么DEMO5里面怎么去用上这个T组件呢？大家来看一看啊，它和之前的传统的RA view框架有些不太一样的地方，就是像view框架它得引入组件并注册组件，最终才能使用，而咱们的这个MMJS框架呢，它只需要把组件引入。注意，只要引入即可啊，但路径你得写对。只要你引入即可，那么不需要注册，可以直接使用，引入之后就可以拿到这个组件名直接使用了，你可以写成单标签字结束标签，也可以写成双标签，都支持。

那么这就是使使用组件，所以组件定义好了之后呢，只要引入组件，它会自动注册，然后呢，你可以采用单标签或双标签的方式去使用组件。好，呃，那么这就是组件的一个基本用法。那么因为我们这里也没用上太多的复杂内容啊，所以这个实时预览这里就能看到这个效果了，你看是不是DEMO下面有两个测试组件。好了，那么这个呢，就是我们的这个组迹的内容，那么组迹的话呢，首字母并不需要大写啊，就是你引入的组迹叫什么名字诶，它就会以写成什么样的方式。