2017-10-15 82 views
0

我想用RequireJS配置VueJS。我正在使用這個vueJS庫:https://cdn.rawgit.com/edgardleal/require-vuejs/aeaff6db/dist/require-vuejs.min.js如何在RequireJS中使用VueJS?

這是我需要congif文件:

require.config({ 
baseUrl : "js", 
paths : { 
    jquery : "libs/jquery-3.2.1.min", 
    fullcalendar : "libs/fullcalendar.min", 
    bootstrap : "libs/bootstrap.min", 
    vue : "libs/vue", 
    parsley : "libs/validation/parsley.min", 
    esParsley : "libs/validation/es", 
    noty : "libs/noty/jquery.noty.packaged.min", 
    session : "service/sessionService", 
    handlebars : "libs/handlebars-v4.0.8", 
    menu : "view/menu/menu", 
    'datatables.net' : "libs/datatables/dataTables.bootstrap.min", 
    jquerydatatables : "libs/datatables/jquery.dataTables.min", 
}, 
shim : { 
    "jquery" : { 
     deps : [] 
    }, 
    "menu" : { 
     deps : [ 'jquery' ] 
    }, 
    "bootstrap" : { 
     deps : [ 'jquery' ] 
    }, 
    "parsley" : { 
     deps : [ 'jquery' ] 
    }, 
    "esParsley" : { 
     deps : [ 'parsley' ] 
    }, 
    "noty" : { 
     deps : [ 'jquery' ] 
    }, 
    "jquerydatatables" : { 
     deps : [ 'jquery', 'bootstrap' ] 
    }, 
    "datatables.net" : { 
     deps : [ 'jquerydatatables', 'jquery' ] 
    }, 
    "vue": { 
     "exports": "vue" 
     } 
    } 
}); 
require([ 'jquery', document.getElementById("idModule").value, 'parsley', 
     'menu', 'bootstrap', 'esParsley', 'datatables.net'], function($, Module, parsley, menu) { 
    menu.init(); 
    Module.init(); 
}); 

走到我試試這個代碼,我得到一個錯誤。錯誤是這樣的:enter image description here

你能幫我嗎?非常感謝你。大衛。

回答

0

require-vuejs不是vuejs庫。 require-vuejs用於動態加載文件組件。

這是您需要的vuejs庫。

+0

謝謝@Scriptonomy,但是當我在我的項目中複製這個文件時會得到一個錯誤。錯誤是:'標記上的語法錯誤}}「,(預期) –