生成Vue页面模版 #

<template>
  <div class="">${COMPONENT_NAME}</div>
</template>

<script>
// 这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
// 例如：import 《组件名称》 from '《组件路径》';

export default {
  // 组件名，keep-alive时，可搭配组件name进行缓存过滤
  name: '${COMPONENT_NAME}',
  // 局部注册组件，import引入的组件需要注入到对象中才能使用
  components: {},
  // 分发 Vue 组件中可复用功能
  mixins: [],
  // 这里存放数据
  data () {
    return {

    }
  },
  // 监控自己定义的变量，该变量不在data里面声明，直接在computed里面定义
  computed: {

  },
  // 监控data中的数据变化，一般用于监控路由、input输入框的值特殊处理等等，比较适合的场景是一个数据影响多个数据
  watch: {

  },
  // 方法集合
  methods: {

  },
  // 生命周期 - 创建完成（可以访问当前this实例）
  created () {

  },
  // 生命周期 - 挂载完成（可以访问DOM元素）
  mounted () {

  },
  // 生命周期 - 创建之前
  beforeCreate () {

  },
  // 生命周期 - 挂载之前
  beforeMount () {

  },
  // 生命周期 - 更新之前
  beforeUpdate () {

  },
  // 生命周期 - 更新之后
  updated () {

  },
  // 生命周期 - 销毁之前
  beforeDestroy () {

  },
  // 生命周期 - 销毁完成
  destroyed () {

  },
  // 如果页面有keep-alive缓存功能，这个函数会触发
  activated () {

  }
}
</script>

<style lang="less" scoped>
// 需提前安装less依赖
// 可引入公共样式
// 例如：@import "../../css/table.less";

</style>