vueプラグインの方法コードの詳細
プロジェクトを開発する時、私達は基本的にvue-cliで煩雑なwebpack配置とtemplate配置を避けます。しかし、オフィシャルcli 3は現在plugin開発のプロジェクトを構築することをサポートしていません。
幸いにも、大神(カズポン)が私たちの前を歩いています。私たちは出来合いの vue-cli-plugin-p 11 nを使います。
vue-cliをインストールしていないなら、先にインストールしてください。
installの方法
vueプラグインを開発するということは、実際にはinstallの方法を書いて、この方法をあなたのユーザーに暴露して、彼らは使うことができます。 Vue.useはプラグインをロードしました。
vue公式API上の説明を借りると、プラグインが対象であれば、install方法を提供しなければなりません。プラグインが関数であれば、installメソッドとして使用されます。installメソッドを呼び出すと、Vueをパラメータとして伝えられます。この方法は呼び出しが必要です。 new Vue()が呼び出されます。installメソッドが同じプラグインで何度も起動されると、プラグインは一回だけインストールされます。
p 11 nはすでに私達に大部分のpackage.jsonの配置を手配してくれました。name、author、license、repository、description、keywordsのこれらのオプションを自分で記入してください。
締め括りをつける
以上述べたのは小编が皆さんに绍介したvueプラグインの方法コードの详しい解です。皆さんに助けてほしいです。もし何か疑问があれば、メッセージをください。小编はすぐに皆さんに返事します。ここでも私たちのサイトを応援してくれてありがとうございます。
本文があなたのためになると思ったら、転載を歓迎します。出所を明記してください。ありがとうございます。
幸いにも、大神(カズポン)が私たちの前を歩いています。私たちは出来合いの 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プラグインの方法コードの详しい解です。皆さんに助けてほしいです。もし何か疑问があれば、メッセージをください。小编はすぐに皆さんに返事します。ここでも私たちのサイトを応援してくれてありがとうございます。
本文があなたのためになると思ったら、転載を歓迎します。出所を明記してください。ありがとうございます。