Question

我在我的应用程序中使用Angularjs，我正在尝试使用Vue.js创建一个页面。为此，我使用bower安装了Vue并在require.js文件中调用了它的目录，如下所示：

'vue': '../vendor/vue/dist/vue'

shim: {
  'vue': {
    deps: ['jquery']
  },
}

之后我有一个基本/父文件的dashboard.js，我称之为angular和vue（以及其他）

require([
  'angular',
  'vue',
  'i18next',
  'translations',
  'raven-js',
  'raven-angular',

], function (angular, Vue, i18next, Translations, Raven) {
  'use strict';

最后我得到了index.html.twig，我正在使用Vue，但是我发现错误告诉我Uncaught ReferenceError: Vue is not defined甚至供应商内部的vue.js在检查时也显示其他脚本页。我也在这个树枝里面有这个：

<script>
  var ProjectController = new Vue({
    el: '#ProjectController',
    data: {
      projects: null
    },
    methods:{
     getProjects: function(){
         fetch('/projects/personal').then(function (response) {
            return response.json();
         }).then(function (result) {
            this.projects =  result;
         });
      }
    },
    mounted: function () {
      this.getProjects();
    }
  })
</script>

我猜这不是加载它的正确方法（？）

如何使用Require.js加载Vue.js.

0 个答案: