HelloWorld.vue

<!-- 视图区： 后缀是.vue文件组成
  1.模板，template标签包裹的内容，模板里边主要编写的是网页代码，主要是html代码
    注意：template标签在编写html代码时，只能有一个根标签，即只能一个div，否则报错
  -->
<template>
  <div>
    <el-button type="primary">构建组件按钮</el-button>
    <el-button type="success">构建组件按钮</el-button>
  </div>

</template>

<!-- 行为区，只要是编写js代码,和后端进行交互在此编写js -->
<script>
export default {
  name: 'HelloWorld',
  data () {
    return {
      msg: 'Welcome to Your Vue.js App'
    }
  }
}
</script>
<!-- 样式区，主要编写css样式scoped属性是样式只针对当前页面生效 -->
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

</style>