Как загрузить Vue.js, используя Require.js - PullRequest
Новая
       6

Как загрузить Vue.js, используя Require.js

0 голосов
/ 17 мая 2018

Я использую Angularjs в своем приложении и пытаюсь создать страницу внутри, используя Vue.js. Для этого я установил Vue с помощью bower и назвал его каталог внутри моего файла 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>

Я предполагаю, что это неправильный способ загрузить его (?)

...