<script src="https://cdn.uv.cc/vue/2.6.10/vue.min.js"></script>
<div id="app">
<child msg="hello!"></child>
<child msg="hello!"></child>
<child msg="hello!"></child>
</div>
<script>
// 这会注册一个全局组件
Vue.component('child', {
// 声明 props
props: ['msg'],
// prop 可以用在模板内
// 可以用 `this.msg` 设置
template: '<span>{{ msg }}</span>'
})
new Vue({
el: '#app',
})
</script>
一个简单的 Vue 组件例子
一次购买，永久免费
去创作
评论
{{item.path.join('.')}}
{{item.item.name}}