自定义创建vue文件代码块
2024-08-22 08:12:58
1、初始创建html-vue
"vue-component": {
"prefix": "vue-component",
"body": [
"<template>",
"\t<div>\n",
"\t</div>",
"</template>\n",
"<script>",
"\texport default {",
"\t\tprops: {\n",
"\t\t},",
"\t\tcomponents: {\n",
"\t\t},",
"\t\tdata(){",
"\t\t\treturn {\n\t\t\t\t$0",
"\t\t\t}",
"\t\t},",
"\t\tmethods: {\n",
"\t\t}",
"\t}",
"</script>\n",
"<style lang=\"scss\">\n",
"</style>"
],
"description": "vue componemt"
}
}
创建vue项目后输入vue-component,输入过程中就有提示,选择就好了
<template>
<div> </div>
</template> <script>
export default {
props: { },
components: { },
data(){
return { }
},
methods: { }
}
</script> <style lang="scss"> </style>
3、在vue项目上创建div加点击事件
"div@": {
"prefix": "div@",
"body": [
"<div @click=\"$0\"></div>"
],
"descripation": "div的@简写"
}
<div @click=""></div>
最新文章
- Robotium Table控件的处理
- div滑入与滑出
- 通过JavaScript设置样式和jQuey设置样式,还有随机数抛出水果的习题
- pyhton与json,Xml
- 编译并使用Lua语言
- JavaScript(20)jQuery HTML 加入和删除元素
- Unity属性的封装、继承、方法隐藏
- (转) Java RMI 框架(远程方法调用)
- commons-logging 结合 log4j, 初始化生命周期 初探
- 非关系型数据库redis-java基本操作
- lArea.js 城市选择
- github-上传自己的项目到github仓库
- 删除ELK中的数据。。
- 基于 HTML5 的工业组态高炉炼铁 3D 大屏可视化
- 学习笔记TF045:人工智能、深度学习、TensorFlow、比赛、公司
- numpy库的常用方法
- CentOS下创建网桥
- EF迁移命令
- Linux基础命令---mke2fs
- jieba分词加入特殊字符和空格