WebStorm定义快捷模板

使用场景：重复使用的代码

例如Vue的函数，我们就可以把它做成模板快速生成！！

<script>
  export default {
    name: "",
    //数据模型
    data() {return {}},
    //计算属性：类似data
    computed: {},
    //监控data数据变化
    watch: {},
    //方法
    methods: {},
    //创建前：没有数据模型和方法，没有html模板和渲染
    beforeCreate() {},
    //创建后：有数据模型和方法，没有html模板和渲染
    created() {},
    //挂载前：有数据模型和方法，没有html模板和渲染
    beforeMount() {},
    //挂载后：有数据模型和方法，有html模板和渲染
    mounted() {},
    //更新前：有数据模型和方法，有html模板，未渲染
    beforeUpdate() {},
    //更新后：有数据模型和方法，有html模板和渲染
    updated() {},
    //销毁前
    beforeDestroy() {},
    //销毁后
    destroyed() {},
    //如果页面有keep-alive缓存功能，这个函数会触发
    activated() {}
  }
</script>

操作步骤：File》Settings》Editor》Live Templates》Vue 》+》1.Live Templates

使用说明