VueJS：カスタムコンポーネントのinnerHTMLを取得する

Question

非常に単純なブートストラップアラートコンポーネントを作成しようとしていますが、IamはカスタムコンポーネントのinnerHTMLを取得する方法を見つけることができません。

コード：

は

Vue.component('my-alert', { 
    template: '#vue-alert', 
    props: ['type', 'title', 'message'], 
    created: function() {   
    this.message = this.innerHTML; // <---- NOT WORKING 
    } 
}); 

var vm = new Vue({ 
    el: 'body' 
}); 

HTML：

<my-alert type="success" title="Important">My Message here.</my-alert> 

私はテキストが、この場合には、それに提供されているものの成分を表示したい、それが表示されるはずですMy Message here.

Here is example of it

Answer 1

私は考えました、私はを使用する必要がありました。

<template id="vue-alert"> 
    <div v-if="show" class="alert alert-{{type}} alert-dismissible" role="alert"> 
    <button @click="removeAlert" type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span> 
    </button> 
    <strong>{{title}}!</strong> <slot></slot> 
    </div> 
</template>