计算属性其他文件

时间:2017-11-28 19:19:20

标签: vue.js computed-properties

使用Vue.js.如果计算属性基于外部文件变量,它是否可以正常工作?例如:

import vars from "./vars.js
return default {
    computed: {
        booleano : function() {
            if (vars.variab == 0){
                return true
            }
            return false
        }
    }
}

vars.js

var variab = 0

change = function(){
    variab = 1
}

return default {variab}

如果调用了change,并且在vars.js文件中更改了vars.var,它是否也会影响booleano?

如果不是这个例子的正确方法是什么?

1 个答案:

答案 0 :(得分:0)

您需要将Vue转换为反应变量。您可以使用该对象作为Vue实例的List<gbd_Pages> allPages = new List<gdb_Pages>(); foreach (var rule in newRules) { IEnumerable<gbd_Pages> rulePages; // current logic (except you need to not overwrite the Pages variable) // instead of the pattern "Pages = Pages.Where( ..." use "rulePages = Pages.Where( ..." allPages.AddRange(rulePages); } return allPages; 初始化程序。

&#13;
&#13;
data
&#13;
const vars = {
  variab: 0
};

new Vue({
  el: '#app',
  data() {
    return {
      vars
    };
  },
  computed: {
    booleano() {
      if (this.vars.variab == 0) {
        return true;
      }
      return false;
    }
  }
});

setTimeout(() => {
  vars.variab = 1;
}, 1000);
&#13;
&#13;
&#13;