動態組件元素無法在Vue.js中工作

我遇到了一個讓我發瘋的問題。我嘗試製作一個動態組件但它不起作用。 Vue檢測到我的第一個和第二個組件，但它沒有檢測到其他組件。動態組件元素無法在Vue.js中工作

這是我的索引HTML

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <title>Kamuran Vue Test</title> 
</head> 
<body> 
    <app-header> 
</app-header> 
test 
    app-header 

    <app-header></app-header> 

    <component is="{{view}}"></component> 


    <app-footer></app-footer> 


    <app-form form="login"></app-form> 

</body> 
<script src="build.js"></script> 
</html>

也是我main.js

var $ = require('jquery') 
var page = require('page') 
var Vue = require('vue') 

var vue = new Vue({ 
    el: 'html', 
    data: { 
    view: 'home' 
    }, 
    components: { 
    'app-footer' : require('./components/footer'), 
    'app-header' : require('./components/header'), 
    'app-form'  : require('./components/form'), 
    'home'   : require('./views/home'), 
    'login'  : require('./views/logins'), 
    'contact'  : require('./views/contact') 
    } 
}); 

page("*", function(ctx){ 
    if(ctx.path != "/"){ 
    vue.view = ctx.path.substr(1); 
    } else { 
    vue.view = "home" 
    } 

    console.log(vue.view) 

}); 
page();

我看不到任何錯誤警告有關JS作爲構建build.js或控制檯。

元素不起作用，即使我將它的值設置爲app-header。

應用程序頭和應用程序頁腳完美地工作，因爲使用它們的元素，但其他組件無法正常工作。是否有另一個工作包？

出了什麼問題，我不明白。

來源

2015-07-28 Kamuran Sönecek