Vue2模板代码初始化

阿狗哲哲

于 2024-01-18 11:19:48 发布

阅读量378

点赞数 9

文章标签： javascript 开发语言 vue.js

本文链接：https://blog.csdn.net/qq_52438590/article/details/135669472

版权

快速初始化Vue2框架

{
	"快速初始化Vue2模板代码": {
		"prefix": "Vue2",
		"body": [
			"<!--",
			"  功能：${1:初始化功能描述}",
			"  作者:Azhe21521",
			"  邮箱：Azhe21521@163.com",
			"  时间：$CURRENT_YEAR年$CURRENT_MONTH月$CURRENT_DATE日 $CURRENT_HOUR:$CURRENT_MINUTE:$CURRENT_SECOND",
			"  版本：v1.0",
			"  修改内容：vue2.0初始化模板",
			"  修改人员：Azhe",
			"  修改时间：2024.01.18",
			"-->",
			"<template>",
			"  <div class='${2:该组件名称}'>$5</div>",
			"</template>",
			"<script>",
			"//import(导入)其他文件（如：组件，工具js，第三方插件js，json文件，图片文件等）",
			"",
			"export default {",
			"  /**注册组件*/",
			"  components: {},",
			"  /**接受父组件传值*/",
			"  props:{},",
			"  name:'${2:该组件名称}',",
			"  data() {",
			"    return {",
			"",
			"    };",
			"  },",
			"  /**计算属性*/",
			"  computed: {},",
			"  /**监听data数据变化*/ ",
			"  watch: {},",
			"  /**所有方法*/",
			"  methods: {",
			"",
			"  },",
			"  /**创建组件时执行(有VM对象this)*/",
			"  created() {",
			"",
			"  },",
			"  /**加载完组件时执行(主要预处理数据)*/ ",
			"  mounted() {",
			"",
			"  },",
			"  beforeCreate() {/**生命周期 - 创建之前*/},",
			"  beforeMount() {/**生命周期 - 挂载之前*/},",
			"  beforeDestroy() {/**生命周期 - 销毁之前*/},",
			"  destroyed() {/**生命周期 - 销毁完成*/},",
			"}",
			"</script>",
			"<style scoped lang='less'>",
			" /* @import url(); 引入css类 */",
			"$4",
			"</style>"
		],
		"description": "自动生成VUE2模板"
	}
}