开始：
之前的vue指令，操作的都是单个的html标签，与此对应的，还有将多个标签组到一起的组件，即一个自定义的组件标签内部，是多个原始的html标签。
组件创建：
全局注册：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>demo-component</title>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>
<div id="components-demo">
<component-demo></component-demo>
</div>
<script type="text/javascript">
Vue.component('component-demo', {
template: '<h1>hello, world</h1>'
})
new Vue({ el: '#components-demo' })
</script>
</body>
</html>
这是最基本的，可以看出，首先，组件必须在一个vue实例对象选中编译的节点中，才可以添加组件。（创建vue实例必须在使用Vue.component之后才行，个人认为，创建实例vue相当于对指定的html标签进行渲染，如果在Vue.component之后的话，渲染的时候就会找不到对应的组件，无法识别组件标签）
使用Vue.component注册添加组件，第一个参数是组件名，第二个参数是一个对象，在对象中添加相关的属性。
最低0.47元/天 解锁文章
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
