vueプラグインの方法コードの詳細


プロジェクトを開発する時、私達は基本的にvue-cliで煩雑なwebpack配置とtemplate配置を避けます。しかし、オフィシャルcli 3は現在plugin開発のプロジェクトを構築することをサポートしていません。
幸いにも、大神(カズポン)が私たちの前を歩いています。私たちは出来合いの vue-cli-plugin-p 11 nを使います。
vue-cliをインストールしていないなら、先にインストールしてください。npm i -g @vue/cliまず、プロジェクトを構築する。

vue create [your plugin name] && cd [your plugin name]
vue add p11n
このように、初期化されたプラグインの開発環境があります。
installの方法
vueプラグインを開発するということは、実際にはinstallの方法を書いて、この方法をあなたのユーザーに暴露して、彼らは使うことができます。 Vue.useはプラグインをロードしました。
vue公式API上の説明を借りると、プラグインが対象であれば、install方法を提供しなければなりません。プラグインが関数であれば、installメソッドとして使用されます。installメソッドを呼び出すと、Vueをパラメータとして伝えられます。この方法は呼び出しが必要です。 new Vue()が呼び出されます。installメソッドが同じプラグインで何度も起動されると、プラグインは一回だけインストールされます。

export const install = function (Vue, options) {
 // Vue    vue   
 // options    Vue.use(plugin,options)          options
 // 1.          
 Vue.myGlobalMethod = function () {
  //   ...
 }
 // 2.       
 Vue.directive('my-directive', {
  bind (el, binding, vnode, oldVnode) {
   //   ...
  }
  ...
 })
 // 3.       
 Vue.mixin({
  created: function () {
   //   ...
  }
  ...
 })
 // 4.       
 Vue.prototype.$myMethod = function (methodOptions) {
  //   ...
 }
}
プラグインを公開
p 11 nはすでに私達に大部分のpackage.jsonの配置を手配してくれました。name、author、license、repository、description、keywordsのこれらのオプションを自分で記入してください。

# login npm
npm login
# patch version
npm version patch
# publish
npm publish --access public
自分で簡単なプラグインを書きました。  vue-chartは参考にできます。
締め括りをつける
以上述べたのは小编が皆さんに绍介したvueプラグインの方法コードの详しい解です。皆さんに助けてほしいです。もし何か疑问があれば、メッセージをください。小编はすぐに皆さんに返事します。ここでも私たちのサイトを応援してくれてありがとうございます。
本文があなたのためになると思ったら、転載を歓迎します。出所を明記してください。ありがとうございます。