Vue 2 - Componente usando propiedades

by Rodwyn Moreno

HTML

<script src="https://unpkg.com/vue"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">

<template id="story-template">
    <h1>{{ plot }}</h1>
</template>

<div class="container">
    <story plot="Mi caballo es genial."></story>
    <story plot="Los narvales inventaron el Shish Kebab."></story>
    <story plot="El lado oscuro de la Fuerza es más fuerte."></story>
</div>

JavaScript

Vue.component('story', {
    props: ['plot'],
    template: "#story-template"
});

new Vue({
  el: '.container'
})