700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > VSCODE中使用VUE插件生成快捷模板

VSCODE中使用VUE插件生成快捷模板

时间:2022-09-14 10:51:02

相关推荐

VSCODE中使用VUE插件生成快捷模板

VUE插件生成模板1>VSCODE安装VUE2 Snippets2>ctrl+shift+p 输入snippets选中首选项3>默认模板{"Print to console": {"prefix": "lw","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() {},","// 如果页面有 keep-alive 缓存功能,这个函数会触发","activated() {},","}","</script>","<style scoped>","","</style>"],"description": "创建VUE"}}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。