（demo01--持续更新中）
<template></template>
一个字符串模板作为 Vue 实例的标识使用。模板将会 替换 挂载的元素。挂载元素的内容都将被忽略，除非模板的内容有分发插槽。简单说就是放html标签
<script></script>
存放js语法的地方
<style scoped lang="less"></style>
存放 css scoped使组件中css只能在当前组件中使用，在其他组件无效 lang="less" 加载less,编译成css文件
data
vue组件所有的数据，存放在data 中，并return
data() { },created
在实例创建完成后被立即调用。在这一步，实例已完成以下的配置：数据观测 (data observer)，属性和方法的运算，watch/event 事件回调。然而，挂载阶段还没开始，$el 属性目前不可见。
created() { },mounted
在实例挂载完成以后调用，常常用于dom更新
mounted: function() { },methods
vue组件所有方法 放到methods 中
methods: { }{ {msg}}
默认按钮
components
渲染一个“元组件”为动态组件。依 is 的值，来决定哪个组件被渲染。