Question

我正在使用Vue.js进行某些数据绑定和数据过滤。我在.js文件中创建了一个Vue对象，我想从文件外部传递一些数据。

这是我的测试对象testFile.js

var vm = new Vue({
    el:  "#results",
    data: {
        results: [],
    },
});

现在在我的html中，我这样做：

<script>
    window.onload = function () {
        vm.results = [
        { name: 'Bron Smith', aliases: [], age: '', state: 'FL', locations: ['Miami','Orlando','Biscayne'], relatives: ['Dana Smith', 'Diana Smith', 'Test Smith'], report: 'dsgsd'},
    ];
};
 </script>

我的Vue对象获取数据，但未在html中显示。有没有办法传递这些数据并将数据实际显示在html中？

Answer 1

<script>
  window.onload = function() {
    vm.$set(vm.results, [{
      name: "Bron Smith",
      aliases: [],
      age: "",
      state: "FL",
      locations: ["Miami", "Orlando", "Biscayne"],
      relatives: ["Dana Smith", "Diana Smith", "Test Smith"],
      report: "dsgsd"
    }]);
  };
</script>

如何在Vue文件外部设置数据变量

1 个答案: