Skip to content

创建组件

yangbo edited this page May 22, 2017 · 1 revision

在官方文档中,创建一个组件是这样的

Vue.component('todo-item', {
    props: ['todo'],
    template: '<li> todo.text </li>'
})

在vue-cli中,也就是实际开发中,组件的创建使用es6的写法

<template>
    <li> todo.text </li>
</template>

<script>
    export default {
        name: 'todo-item',
        props: ['todo']
    }
</script>