Props di vue js 2

coba seperti ini

<pre> &lt;div id="app"&gt; &lt;ul&gt; &lt;template-cs :name='nama'&gt;&lt;/template-cs&gt; &lt;/ul&gt; &lt;/div&gt;

&lt;template id="comment-template"&gt; &lt;div&gt; + &lt;p&gt;{{ name }}&lt;/p&gt; &lt;/div&gt; &lt;/template&gt;

&lt;script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"&gt;&lt;/script&gt; &lt;script&gt; Vue.component('template-cs', { template: '#comment-template', props: ['name'] }); var vm = new Vue({ el: '#app', data: { nama: 'jono' } }); &lt;/script&gt; </pre>

jika

<pre> &lt;template id="comment-template"&gt; &lt;div&gt; + &lt;/div&gt; &lt;p&gt;{{ name }}&lt;/p&gt; &lt;/template&gt;</pre>

akan muncul error

<pre>Component template should contain exactly one root element. If you are using v-if on multiple elements, use v-else-if to chain them instead.</pre>

karena template seharusnya hanya berisi satu root element, jadi tag &lt;p&gt; dimasukan kedalam &lt;div&gt;