从函数分配给全局 Vue 对象的数据在退出函数后被“删除”答案

【问题标题】：Data assigned to a global Vue object from a function is "deleted" after exiting the func从函数分配给全局 Vue 对象的数据在退出函数后被“删除”
【发布时间】：2018-02-11 20:05:10
【问题描述】：

我正在将数据分配给一个全局 (Vue) 对象它正在进入（在调试器上检查）但在退出函数时会返回其上一个值。

我应该怎么做才能让它留在那里？

"use strict";

var App = 
{
    debugMode: 2,//0=no, 1=yes, 2=special deep debug :-(~)
    serverApi: '../../Server/CrmAPI.php',
    navTemplate: new Vue({el: '#menuTemplate',

        data: {
            objectName: "",
            brandName: "CRM"
        }
    }),
    currentObject: null // each time containes a different object that currently active by user selection


}


function navigateMainNav( selectedObj )
{
    var objectName = selectedObj; //try 1
    window.App.navTemplate.objectName = objectName; //try 2
    App.navTemplate.data.objectName = objectName; // try 3


    window.location.href = "../html/templates/navTemplate.html" ; // load html

}

【问题讨论】：

标签： javascript function global variable-assignment

【解决方案1】：

如果您想在 Vue 应用程序中使用全局数据，请考虑使用 Vuex。

它基本上是一个状态管理器，可让您将数据放入全局 Vuex 存储中，可以从您的所有组件访问它。

此外，将全局内容放在 Vuex 存储中可以防止您在 js 脚本中污染全局命名空间。你应该检查一下，它并不像他们看起来的那么难！ ;)

【讨论】：