2021-05-08

山塘QAQ

于 2021-05-08 21:29:25 发布

阅读量64

点赞数

文章标签： vue

本文链接：https://blog.csdn.net/wf0433/article/details/116544322

版权

路径：文件→首选项→用户片段→vue.json→回车→将原有内容删除，粘贴下列模版

{

"Print to console": {
           "prefix": "vue",
           "body": [
                   "",
                   "<template>",

                   "</template>",
                   "",
                   "<script>",

                   " export default {",
                   " //import引入的组件需要注入到对象中才能使用",
                   " components: {},",
                   " data() {",
                   " //这里存放数据",
                   " return {}",
                   " },",
                   " //监听属性类似于data概念",
                   " computed: {},",
                   " //监控data中的数据变化",
                   " watch: {},",
                   " //方法集合",
                   " methods: {},",
                   " //生命周期 - 创建完成（可以访问当前this实例）",
                   " created() {},",
                   " //生命周期 - 挂载完成（可以访问DOM元素）",
                   " mounted() {},",
                   " beforeCreate() {}, //生命周期 - 创建之前",
                   " beforeMount() {}, //生命周期 - 挂载之前",
                   " beforeUpdate() {}, //生命周期 - 更新之前",
                   " updated() {}, //生命周期 - 更新之后",
                   " beforeDestroy() {}, //生命周期 - 销毁之前",
                   " destroyed() {}, //生命周期 - 销毁完成",
                   " activated() {}, //如果页面有keep-alive缓存功能，这个函数会触发",
                   " }",
                   "</script>",
                   "<style lang='scss' scoped>",
                   " //@import url($3); 引入公共css类",
                   "</style>"
           ],
           "description": "Log output to console"
   }