全局组件
每一个组件都是独立的实例互不影响
data是一个函数不同于对象
函数相当于闭包,保证都有自己独立的环境
组件注册注意事项
1、组件参数的data值必须是函数
2、组件模板必须是单个根元素【要有一个大的标签包裹所有的内容】
3、组件模板的内容可以是模板字符串
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div id="app">
<button-counter></button-counter>
<button-counter></button-counter>
<button-counter></button-counter>
</div>
<script type="text/javascript" src="js/vue.js"></script>
<script type="text/javascript">
/*
组件注册
*/
Vue.component('button-counter', {
data: function()