Vue组件基础以及注意事项

vue注册全局组件：

注意：组件里面的data必须是一个函数，返回一个对象作为组件的数据，这本质上是一个闭包，让各个组件的数据互相独立

注意：组件模板内容必须是单个根元素

如图，这个组件的模板里面就有两个根元素button，这样会报错：

解决办法：可以在外面套一层div使其变成一个整体:

`<div><button @click="handle">Click {{ count }} times</button><button>Test</button></div>`

组件的命名：推荐用短横线命名，驼峰命名在模板字符串里面没问题

但是作为普通标签会有问题:


解决方案：改标签名为横线命名的方式