vue-snippet-模板

最新推荐文章于 2025-02-23 10:19:48 发布

weixin_30419799

最新推荐文章于 2025-02-23 10:19:48 发布

阅读量364

点赞数

CC 4.0 BY-SA版权

文章标签： javascript 数据库 ViewUI

原文链接：http://www.cnblogs.com/chentingjun/p/10759016.html

本文介绍了一种设置组件根class的方法，使得组件的根class与页面名称产生关联，便于管理和识别。通过使用特定的snippet语法，可以实现组件文件名（大写）与页面内的class和name（小写加连接线）的一致性。

"template": {
		"prefix": "template",
		"body": [
			"<template>",
			"\t<div class=\"${1:${TM_FILENAME_BASE/(_*)([a-z]*)([A-Z])/${1:+comp}${1:+-}$2${2:+-}${3:/downcase}/g}}\">${1}</div>",
			"</template>\n",
			"<script>",
			"export default {",
			"\tname: '${1}'",
			"}",
			"</script>\n",
			"<style lang=\"scss\" scoped>",
			".${1} {}",
			"</style>\n"
		]
	}