Vue.js - 渲染問題

我正在嘗試創建一個組件，它可以在點擊時顯示/隱藏，類似於手風琴。Vue.js - 渲染問題

我有以下錯誤，我不知道爲什麼：

[Vue公司提醒]：屬性或方法「IS_OPEN」未在實例定義，但期間所參考的渲染。確保在數據選項中聲明反應性數據屬性。（根實例中）

<div id="app"> 
    <div is="m-panel" v-show="is_open"></div> 
    <div is="m-panel" v-show="is_open"></div> 
</div> 

</body> 
<script src="https://unpkg.com/vue/dist/vue.js"></script> 
<script src="comp_a.js" ></script> 
<!--<script src="app.js" ></script>--> 
</html> 

Vue.component('m-panel', { 
    data: function() { 
     return { 
      is_open: true 
     } 
    }, 
    template: '<p>Lorem Ipsum</p>' 
}) 

new Vue({ 
    el:'#app', 
})

來源

2016-12-13 user3541631

難道僅僅是一個例子，或者你確實寫的''

因爲ü在「#APP實例」使用IS_OPEN財產但你didnt申報它，你在'm-panel component'中聲明，它與它沒有任何關係。嘗試這樣的事情可以避免它。

new Vue({ 
    el:'#app', 
    data:{ 
     is_open:'' 
    } 
})

來源

2016-12-15 06:44:57

相關問題