00:00
就刚才呢，基本的一个指令说完了，现在咱说里边的进阶，在进阶中的第一部分来说，VE中的这个东西叫做组界。可组件什么意思呢？给大家强调啊，就是vuee中呢，它里边就是它的操作或者这些部分都是以组件方式进行构建的，就是它每部分理解为就是一个组件，就类似于咱Java中每部分都是个对象，只在voe中这个叫组件，这单词就叫comment，是组件，这里写到组件是voe中最强大的功能，组件可以扩展HT元素封装和通用代码等等啊，这个叫组件，比如它里边。的每部分构成用组件做到的，建议大家做了解啊，因为咱们重点并不是去学vuee，咱用它能做到我们的效果就可以了，但是这部分各位也知道一些东西，那这里边给大家我就直接来演示一下这个东西啊，咱家看它是什么意思啊，那怎么做呢？大家注意啊，就是咱们刚才呢，在写VE代码的时候，我们曾经写过里边有这个e date，还有一个叫methods，就是方法，但是除了这些之外，在voe中还有一个属性，这个属性叫comence。
01:16
Comment理解为什么就是一个组件，意思在里边，咱们可以自定义一个组件，比如说这个组件，假如我起名叫这个名字，然后里边写些内容啊，这个叫组件，那咱下面把这个给大家，我来做一个演示啊，咱看一下这个效果怎么样的，各位对它也做个了解啊，就关于这个组件，因为voe中它的构建是基于组件来做到的。那我在里边啊，演示一下啊。呃，我就写到这个位置啊，在这里边我再建个文件零九，就是VE的这个。主殿。而且买了。然后这个创建之后，在里边咱们把V的代码生出来，生成之后啊，在里边有EL，有date masters，但咱现在换另外一个属性，它还有一个东西叫com，我把这个啊直接复制过来啊。com。
02:12
而comment什么意思呢？它就表示在这里边，我们可以定义Lee中使用的那个。组件啊，或者使用的那个内容，那比如说我这里边给大家写了一个最基本例子，这例子是什么呢？就是现在我在里边啊，定了一个组件，就这个东西啊，我复制过来啊，也不需要各位去敲，你把它看到效果也可以，然后这什么意思呢？你看我写的啊。这个组件名字叫这个名字就是这个内半啊，这个名字，这是随便起的名字，然后在它里边呢，我们写这个组件内容，但是内容写法中需要你加上一个固定的名字叫temple。他利的翻译过来是不是有模板意思，然后这里边写的就是你的具体内容，比如我们写一个标签啊，什么u Li Li这个基本标签，这是我们自己定义的组件，而组件名字就是这个名字啊，这是一个定义，那这定义之后组件怎么去用的，很简单，你把这个名字做为一个标签就可以做到，也就是说咱们刚才看到这句话啊，现在咱们来看这句话好理解了。
03:17
组件可以扩展H标签，那什么意思呢？就是现在你的名字叫那位半，那我们写的话，把它做一个标签就可以用到，就你在这里边我们写这个标签。这标签不是HTM里边自带的，是咱们自己定义的标签，与我标签叫这个名字，这就是组建一个特点啊，就是它可以扩展HTM里边这个标签啊，这大家了解一下啊，这咱后面用不到，但是它毕竟是VE中一个特性组建的概念大家知道。然后洗完之后，这个我们知道它这么来用啊，咱们来看一下效果啊，其实效果就是把这内容做一个显示啊。那我们来试一下啊，在里边你看啊，就有一个列表首页学员管理啊，也就是把这个在页面中显示出来了，证明咱们写这个组件，这标签这么用就生效了啊，这个叫voe的组件啊。
04:14
就是这么一个基本的使用啊，但是组件中一个特点啊，因为咱们现在如果说啊，我这么定义组件，那这个组件只能在我的当前页面有效，如果说你换个页面，那这组件肯定不能用，只说你在这个页面中有效，但是比如我现在想做个叫全局的一个组件，就所有页面都用于组件，那怎么做呢？就跟它差不多，咱的做法就是你可以专门写个JS文件里边把这内容写过来，然后你在每个这个就是页面中引入你建的JS文件，然后用那标签可以做到，这叫全局组件啊，那咱们把这个我们也试一下啊，你看下这个效果。哎，我就跟他起成一样名字了啊，比如我现在这么来做啊，我在这里边呢，比如我现在我建个文件夹叫这个com。
05:05
然后在com里边呢，我建一个JS文件，比如我就叫这个名字啊na bar.js就叫这个JS文件。在里面创建。然后我们就是创建之后，在JS文件中写上那个组件，就就写刚才这个组件，但是写法怎么做呢？这写法跟刚才稍微有点区别，因为你看啊，刚才我们是在HT1变中，这是单独的一个JS文件，那写法就是咱写一个叫view.coms，这是组件名称，这是里面那个内容啊，就这么一个写法。我把这个啊直接复制过来，就是wee.confidence然后里边加上组件名称和它里边的内容啊，给大家了解一下啊，当然后面我们看用那个模板中也会有类似的写法，各位能看懂就可以了，这么一个东西，然后这个写完之后我们要怎么去用呢？给大家演示啊，它的用法就是你把这个文件直接引入到里边来，然后用标签就可以做到啊，那我们来试一下啊。
06:08
比如说我们这么做啊，然后换个页面试一下。第一面第十个就是voe的那个组件啊，全局组件。TL在里边我们写这个代码，然后在代码中咱们把刚才我写的JS文件给它就引进来，就我加上这么一个。Script，然后加个S2C，等于这个叫com，里边这个叫navy bar.js，然后加完之后咱在里边呢，直接用我们那个标签就可以了，就是咱们刚才写的。这个标签啊，就是用它直接在里边用就可以了。啊，包括这个这样的话，就把这个JS文件引入，然后它就把这里面的内容做个显示，这叫全局组件啊，就是每个页面中你想用的话，直接引入JS文件，然后用标签使用就可以了啊，这是它的这么一个基本做法啊，就这么来做啊，那咱们也可以试一下啊。
07:08
你看里边数据出来了啊，就是这么一个数据，因为咱是用的JS里边的这个东西。所以这是关于啊，Vuee中的组件的这个东西，大家啊对它了解一下啊，就是你记住在voe中它的构件是基于组件做到的，而组件呢，是vuee最强大的功能之一，它可以扩展H调元素，可以封装可充代码，比如说你在这个页面中有很多重复代码，你可以基于组件多导，比如把这个重复代码都放到组件中，然后每个里边。通过标签引入就可以了啊，这是它一个基本的一个特点。各位把这个。了解一下啊，这是VE中的这么一个特性啊。所以咱们就演示完了啊，关于组件。然后组件说完之后呢，下面给大家来说第二个这个是什么呢？它叫做就是实力的生命周期，也就是说呢，我们VE在创建过程中有它的生命周期，也就是说咱看代码中这位置。
08:11
咱是不是new这个vouee就相当于我创建一个对象，那这扭完vouee之后，这对象有一个生命周期，就是它什么时候创建，什么时候销毁，有这个周期，咱就说一下vuee的生命周期到底是怎么样的啊，这咱一会儿说的第二个，所以第一个可以把组电交有个了解。啊，就是咱们的这个过程啊。
我来说两句