ホームページ  >  記事  >  ウェブフロントエンド  >  vue に従ってグローバル変数またはデータ メソッドを設定する (詳細なチュートリアル)

vue に従ってグローバル変数またはデータ メソッドを設定する (詳細なチュートリアル)

亚连
亚连オリジナル
2018-05-31 14:56:112184ブラウズ

ここで、Vue でグローバル変数またはデータを設定する方法を共有します。これは優れた参考値なので、皆さんのお役に立てれば幸いです。

例は次のとおりです:

const MyPlugin = {
 // install方法是必需的
// // 包含两个参数:Vue 构造器,一个可选的选项对象

 install(Vue, options) {

  Vue.prototype.test = "test" ;
  Vue.prototype.wechat = "my wechat!";

 }
};
export default MyPlugin

このメソッドは、必要なページに導入した後、次のように使用して、対応するデータを取得するために vue インスタンスを使用できます。以下、データを取得する際 各モジュールでのデータの取得方法は同じです

import MyPligin from './**/api'; //引入全局变量 
Vue.use(MyPligin);

以上、皆さんの参考になれば幸いです。

関連記事:

jsでのDOMイベントバインディング解析

jsでデータを完璧に解析する方法

vue.jsルーティング使用後の失敗問題を解決する

以上がvue に従ってグローバル変数またはデータ メソッドを設定する (詳細なチュートリアル)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。