折雨的天空

新浪微薄腾讯微薄

最新碎语:最近霉到了住。哎。。。

您的位置:折雨的天空 >其他技术> 符合eslint语法检测的hbuilderx的vue模板代码块

符合eslint语法检测的hbuilderx的vue模板代码块

如标题:


{
    "vue-template": {
        "prefix": "vue",
        "body": [
            "<template>",
            "  <div class=\"$1\">",
            "    ",
            "  </div>",
            "</template>",
            "",
            "<script>",
            "// 这里可以导入其他文件(比如:组件,工具JS,第三方插件JS,JSON文件,图片文件等)",
			"// 例如:imprort 组件名称 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 scoped>",
            "",
            "</style>",
            ""
        ],
        "description": "Log output to console"
    }
}

------------正 文 已 结 束, 感 谢 您 的 阅 读 (折雨的天空)--------------------

转载请注明本文标题和链接:《符合eslint语法检测的hbuilderx的vue模板代码块

奖励一下

取消

您的认可,是我写博客的动力,谢谢您!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

发表评论

路人甲 表情
看不清楚?点图切换