VUE入門級 VCode程式碼模板 包含生命週期

{
	"生成VUE基礎模板": {
		"prefix": "MyVue",
		"body": [
			"<template>",
			"  <div>$0</div>",
			"</template>",
			"",
			"",
			"<script>",
			"//匯入其他檔案（js,外掛，josn,img...",
			"// import  from '';",
			"",
			"export default {",
			"//import引入注入物件",
			"components: {},",
			"props:{},",
			"data() {",
			"//這裡放資料",
			"return {",
			"",
			"};",
			"},",
			"//計算 vue屬性值加減乘除",
			"computed: {},",
			"//監控Data的資料變化",
			"watch: {},",
			"//方法集合",
			"methods: {",
			"",
			"},",
			"beforeCreate(){},//生命週期建立之前",
			"created(){},//生命週期建立完成（this",
			"beforeMount(){},//生命週期掛載之前",
			"mounted(){},//生命週期掛載完成(Dom物件",
			"beforeUpdate(){},//生命週期更新之前",
			"updated(){},//生命週期更新之後",
			"beforeDestroy(){},//生命週期銷燬之前",
			"destroyed(){},//生命週期銷燬完成",
			"activated(){},//如果頁面有keep-alive快取，這個函式觸發",
			"}",
			"",
			"</script>",
			"",
			"",
			"<style  scoped>",
            "$4", 
			"</style>"
		],
		"description": "生成VUE基礎程式碼模板"
	}
}