Vue 模板说明

<template>
  <div class='home'>
    模版内容
  </div>
</template>

<script>
import 《组件名称》 from '《组件路径》'; //引入组件或js
export default {
  components: {},     //引入的组件需要注入到对象中才能使用
  data() {
    return {};        //这里存放数据
  },
  computed: {},       //监听属性 类似于data概念
  watch: {},          //监控data中的数据变化
  methods: {},        //方法集合
  created() {},       //生命周期 - 创建完成（可以访问当前this实例）
  mounted() {},       //生命周期 - 挂载完成（可以访问DOM元素）
  beforeCreate() {},  //生命周期 - 创建之前
  beforeMount() {},   //生命周期 - 挂载之前
  beforeUpdate() {},  //生命周期 - 更新之前
  updated() {},       //生命周期 - 更新之后
  beforeDestroy() {}, //生命周期 - 销毁之前
  destroyed() {},     //生命周期 - 销毁完成
  activated() {},     //页面存在keep-alive缓存功能，这个函数会触发
  deactivated () { }, //页面存在keep-alive缓存功能，退出页面时触发
}
</script>

<style lang='less' scoped>
/*
lang= css语法类型，如less、sass、stylus等
scoped= 拥有scoped属性时，css样式只能用于当前的Vue
@import url(); 引入公共css类 
*/
</style>