[TOC]

globalData

  • 在 APP.vue 中定义 全局的 globalData

    <script>
  export default {
      onLaunch: function() {      //应用全局启动的时候
          console.log('App Launch')
      },
      onShow: function() {
          console.log('App Show')
      },
      onHide: function() {
          console.log('App Hide')
      },
      globalData:{   //全局都可以使用 
          msg:"123"
      }
  }
</script>

  • 直接在页面当中使用 ```javascript

``` globalData是简单的全局变量，如果使用状态管理，请使用vuex（main.js中定义）

Vuex

Vuex 概念

Vuex与全局变量区别

vuex 全局变量
不能直接改变store里面的变量，由统一的方法修改数据 可以任意修改
每个组件可以根据自己vuex的变量名引用不受影响 全局变量可能操作命名污染
解决了多组件之间通信的问题 跨页面数据共享
适用于多模块、业务关系复杂的中大型项目 适用于demo或者小型项目