Vue应用模板与HTTP POST请求-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_43867432/article/details/108752804

{
	"vue htm": {
	 "scope": "html",
	 "prefix": "vuehtml",
	 "body": [
	  "<!DOCTYPE html>",
	  "<html lang=\"en\">",
	  "",
	  "<head>",
	  "    <meta charset=\"UTF-8\">",
	  "    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
	  "    <meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\">",
	  "    <title>Document</title>",
	  "</head>",
	  "",
	  "<body>",
	  "    <div id=\"app\">",
	  "",
	  "    </div>",
	  "    <script src=\"vue.min.js\"></script>",
	  "    <script>",
	  "        new Vue({",
	  "            el: '#app',",
	  "            data: {",
	  "                $1",
	  "            }",
	  "        })",
	  "    </script>",
	  "</body>",
	  "",
	  "</html>",
	 ],
	 "description": "my vue template in html"
	},
	"vue模板": {
		"prefix": "vue",
		"body": [
			"<template>",
			"<div></div>",
			"</template>",
			"",
			"<script>",
			"export default {",
			"//import 引入的组件需要注入到对象中才能使用",
			"components:{},",
			"props:{},",
			"data(){",
			"//这里存数据",
			"return{};",
			"},",
			"//计算属性",
			"computed: {",
			"",
			"},",
			"//监控data中数据变化",
			"watch: {",
			"",
			"},",
			"//方法",
			"methods: {",
			"",
			"},",
			"//声明周期 - 创建完成（可以访问当前this实例）",
			"created() {",
			"",
			"},",
			"//生命周期 - 挂载完成（可以访问DOM元素）",
			"mounted() {",
			"",
			"},",
			"beforeCreate() {},//生命周期 - 创建之前",
			"beforeMount() {},//生命周期 - 挂载之前",
			"beforeUpdate() {},//声明周期 - 更新之前",
			"updated() {},//生命周期 - 更新之后",
			"beforeDestroy() {},//生命周期 - 销毁之前",
			"destroyed() {},//生命周期 - 销毁之后",
			"activated() {},//缓存keep-alive",
			"};",
			"</script>",
			"",
			"<style scoped>",
			"</style>",
		],
		"description": "生成vue模板"
	},
	"http-post请求": {
		"prefix": "httppost",
		"body": [
			"this.\\$http({",
			"url: this.\\$http.adornUrl(''),",
			"method: 'post',",
			"data: this.\\$http.adornData(data,false)",
			"}).then(({data})=>{});"
		],
		"description": "httpPOST请求"
	}
   }

Vue模板-待更新