首頁  >  文章  >  web前端  >  根據vue裡面設定全域變數或資料方法(詳細教學)

根據vue裡面設定全域變數或資料方法(詳細教學)

亚连
亚连原創
2018-05-31 14:56:112176瀏覽

下面我就為大家分享一篇在vue裡面設定全域變數或資料的方法,具有很好的參考價值,希望對大家有幫助。

實例如下:

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

 install(Vue, options) {

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

 }
};
export default MyPlugin

此方法可以單獨起一個文件,在引入到需要的頁裡面,就可以用vue實例取到對應數據,像以下use後,取數據時和取每個模組裡面的data裡面的數據方法是一樣的

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

上面是我整理給大家的,希望今後對大家有幫助。

相關文章:

js中DOM事件綁定分析

js中如何完美的解析資料

解決使用vue.js路由後失效的問題

以上是根據vue裡面設定全域變數或資料方法(詳細教學)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn