VUE模板

最新推荐文章于 2024-03-20 00:46:22 发布

尔尔n

最新推荐文章于 2024-03-20 00:46:22 发布

阅读量203

点赞数

文章标签： vue.js 前端

本文链接：https://blog.csdn.net/qq_44942631/article/details/129092147

版权

{

"生成 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 lang='scss' scoped>",

		"//@import url($3); 引入公共 css 类",

		"$4",

		"</style>"

	],

	"description": "生成 vue 模板"

}

}