17_尚硅谷_Vue_插件

有一个啊叫什么呢插件。啊，什么意思呢，我们来看一下啊，看文档啊。文档里面呢，应该是有插件的一个部分，我稍微的看一下这里。他说什么意思啊，这个插件是我们如何去开发view的插件。其实view呢，有很多各种各样的插件，前面已经列出来了，那如何来开发一个简单的插件呢？这个地方大家主要是要知道一个大致的语法啊。现在大家进公司应该很难开发插件，先能去使用它的功能做应用就可以了啊，插件呢，大家做一段时间以后应该有可能去做啊，这里面我就跟大家演示一下如何来去开发插件，也是参照他的这个文档来写啊。那首先肯定要去建一个GS，一个插件不是库吗。对吧，来我们取个名字插件，一般如果是view的插件应该view杠什么对吧。

看懂吧，啊干什么呢，比如说MY。Plug in我的插件啊，首先写个名字。好，这个地方啊，就是一个view的插件库。好，这个怎么弄呢？他这里面写了一套薄板。啊，写一下模板，把它的模板呢给他搬过来。但他这种写法也写的不完整，一套插件，我们至少要把我们的实线给它用这样一个匿名函数自标用给它包裹起来，这样能够去让你的代码更加的规范。比如说你里面的实现是被隐藏的呀。能看到吧，好来怎么去改啊，他这个写的不太完整啊，这里面一上来就写了一个麦，我有吗？我定义这个变量了吗？没有啊，这个咱说一个事啊，我就感觉咱很多同学就是基本语法不太懂啊，譬如说这样一调。

啊，佳音写了以后。啊，我不知道是不是所有同学都能知道，这肯定是个变量。必然是吧？啊，你要这个都理解不到，你都理解不到，那其实这个就很危险了。这必然是个变量嘛，当然你也可以是个常量啊，我们说变量的时候也有可能是个常量对吧，这个没关系啊，你应该想到我马上要把它定义成一个东西对吧，而且它后面点说明它至少是个对象吧，啊，实际上我们可以把它开始定义成一个什么呢？大框空对象。这就是我们要向外暴露的一个插件对象。啊，向外暴露啊，哎。暴露的插件对象能懂吧，而且他要求看的形式，它是要求我的这个插件对象必须有一个什么方法，对插件对象必须啊，有一个是不是多的方法。

这个因素呢，不是我们调啊，是由它来调的啊，接收一个view，接收一个我显示，诶这个view很关键，这不就是我们那个view的构造函数吗。好，这样一个规函数，它首先会添加一个给我的函数对象，添加方法啊，记不我们用是不是有一些。对象方法有没有？譬如说我们的filter咱们不刚才用了吗？譬如说我们的directive是不是也有？认吧，啊，刚才不用了函数对象的方法吗？那当然我也可以去自定义。啊，自定义来这个地方就用它的名字啊，我们只是演示下看它能不能用。好，这个是view什么呢？函数对象的什么方法？它执行了能看懂吧，到时候外面会掉一下，接着添加一些什么全局资源，实际上这里在干嘛。

自定义什么指令啊，自定义指令它这个写的太麻烦了啊，不用写的他这么麻烦。我们只需要去写一个方，写一个写一个帮你是吧？来呃，我们假设还是用我们刚才这个类似的啊，Text的content啊，等于啊我们的bonding.value譬如说我们把它。把它干个什么事呢？啊，还是把它搞这个吧，因为这个咱刚刚做过。这个名字可以按照你的需求去写一个名字，假设就写这个名字，先展示啊。好，这个呢，记住了，我们后面再学，先不管它。下面他说添加实例方法。好，我怎么样给view的实例去添加一个方法呢？

我怎么样去给view的实例添加一个方法？这能不知道实力的方法放哪个上面？圆形对吧，圆形对应上面的方法是不是实例看得见。那你说现在我如何找到原型对象？函数的显示圆形属性是不是指向的圆形对象，接着我再给它是添加个方法就可以，而且使命的方法统一有一个多乐福开头。懂不懂，因为view，它函数对象上面是不是有方法。实例上面是不是也有方法，那怎么区别开来了？是不是我们有意的给他加一个什么。多乐福。能看到吧，啊，譬如说我来去写一个麦啊，麦随便来一个啊，这也没什么太多的意义。

这是什么呢？View实例对象对吧。嗯，实例对象啊的方法，哪个方法呢，这个。是不是执行了。能看到吧，好，那其实我们现在呢，就定义了一个插件了，下面我们来看怎么用。咋用啊？先得干嘛？诺来引一下啊。当前的下面这样写对吗？对不对不对，为什么。太早啦。能懂吧，也就是说我当前这个是不是应该在下面插件库是不是应该在他原来的库的下面，先有上面的这个view才能做下面的这个事，对吧？啊没问题啊好。

他下面呢，其实还说了一点东西。我的插件除了引入，还需要有一个声明，使用view点柚柚子水。啊，大家看着点use使用声明使用我这个插件。看到吧，声明使用插件。那我们看一下我们那个插件模块向外暴露什么了吗。我能看到他吗？这个是需要暴露对象是不是？我向外暴露了吗？没有，我如何向外暴露了，就是向外暴露。请问。Window嘛，是吧，点它等于它。外面能不能看到它了？能，那也就是说我这个地方该怎么写。My plug。

是吧？是不是可以看到它了吧？好，那这个地方我得说一下这个函数内部做了什么，内部会。执行执行什么呢？大家说啊，执行一下这个调用它的因式度传入谁了没有。你干什么？啊，就内部会去，相当于这不就是怎么翻译这句话呀。Install什么意思？安装，那你说我这个声明使用插件实际上是干嘛去这个插件一个，你可以把它看成安装一个应用的感觉嘛，把插件给他什么安装上嘛。安装上插件的结果是什么呢？来说一下来啊，我们先做一些简单的一个准备，这里好歹来一个这个啊，来个div，来个ID，来个test是吧，好这个地方啊，最好六一个什么U啊，传个E啊，传个井号T。

啊，在这里面呢，有一个date啊，有一个message啊，等于等于什么。I like you好，来下面啊，下面我这个地方呢，也就是我们刚才是不是使用了插件呢，那要插件提供的功能是不是都可以用了，那插件提供哪些功能呢？首先它是不是提供了一个全局的方法？我们可以用吧。试一下呗，试呢很简单，来一把括号六用呗。是不是这意思？好插件还提供了什么功能？定义了一个什么指令，而且全局的呗。对吧，那我用它呗，怎么用，哪一个P标签，哪一个V杠，它是不是等于。

Message。OK吧，好看，它还提供了什么功能呢？诶提供的这些方法，我怎么去调用这个方法。先，我要怎么做。是不是用一个变量来接收对吧，接着通过这一个VM变量去调用这个实例方法。是这样的吧。嗯，好了，那也就是说现在是不是应该有两个打印对吧，一个大写文本的显示。是吧，看一下首先大写文本的显示没问题吧，没问题，好下面翻译一下。打开。是不是view函数对象的方法调用呢？就是view什么实例对象的方法调用了可以吧。说明我们插件提供的这三个功能，我是不是都可以用。

当然其实我们这个插件没有真正的去实现具体的什么有实际意义的功能，对吧，那你说老师那到底实现什么意义功能呢？那得看你到底要写一个哪个方面的库，哪个方面的插件对不对。你根据你具体要做的功能来去封装就行。啊，其实现在来看，你要封装全局的方法，也就是函数对象方法或者指令方法都是可以的，包括定义一些指令呢，啊，定义我们的过滤器都是可以用的。啊，暂时来说大家应该是不太会去写插件，但是大家需要去知道一下插件到底是怎么个，大概怎么用啊。记住这个以后我们要会要用一些别人写的插件，必须要有这个这条语句。就是你引入插件以后，有一个非常重要的步，叫做叫什么声明使用。

二。OK，好。基本上就是这么一多，那我们的测试呢，基本上就完了，那下午呢，我们要去做另外一个事情呢，就是去写DEMO。就我们这个工程就完了。下面就这一。啊，下面就主要是真正去做项目开发的时候，肯定要用脚手架去搭项目，去写功能啊，现在都是说测试语法啊，就是把语法测试一下。