vue代码块模板

---

前言

vue骨架 、httpget 、 httppost

1.操作位置

---

2.引入模板

代码如下（示例）：

{
    
    "生成vue模板": {
        "prefix": "vue",
        "body": [
            "<template>",
            "<div></div>",
            "</template>",
            "",
            "<script>",
            "//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）",
            "//例如：import 《组件名称》 from '《组件路径》'",
            "",
            "export default {",
            "//import引入的组件需要注入到对象中才能使用",
            "components: {},",
            "props: {},",
            "data() {",
            "//这里存放数据",
            "return {};",
            "},",
            "//计算属性 类似于data概念",
            "computed: {},",
            "//监控data中的数据变化",
            "watch: {},",
            "//方法集合",
            "methods: {},",
            "//声明周期 - 创建完成（可以访问当前this实例）",
            "created() {},",
            "//声明周期 - 挂载完成（可以访问DOM元素）",
            "mounted() {},",
            "beforeCreate() {}, //生命周期 - 创建之前",
            "beforeMount() {}, //生命周期 - 挂载之前",
            "beforeUpdate() {}, //生命周期 - 更新之前",
            "updated() {}, //生命周期 - 更新之后",
            "beforeDestroy() {}, //生命周期 - 销毁之前",
            "destroyed() {}, //生命周期 - 销毁完成",
            "activated() {} //如果页面有keep-alive缓存功能，这个函数会触发",
            "};",
            "</script>",
            "<style scoped>",
            "</style>",
        ]
    },
    "http-get 请求":{
        "prefix": "httpget",
        "body": [
            "this.\\$http({",
            "url:this.\\$http.adornUrl(''),",
            "method:'get',",
            "params:this.\\$http.adornParams({})",
            "}).then(({data})=>{",
            "})"
        ],
        "description": "httpGET请求"
    },
    "http-post 请求":{
        "prefix": "httppost",
        "body": [
            "this.\\$http({",
            "url:this.\\$http.adornUrl(''),",
            "method:'post',",
            "params:this.\\$http.adornData(data,false)",
            "}).then(({data})=>{",
            "})"
        ],
        "description": "httpPOST请求"
    },

}

---

总结

每天进步一点点！大家都成大犇！