vue用户代码片段1

普通型

{

    "vue": {

        "prefix": "vue",//关键字

        "body": [//对应代码片段

            "<!DOCTYPE html>",

            "<html lang=\"en\">",

            "<head>",

            "\t<meta charset=\"UTF-8\">",

            "\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",

            "\t<title>vue</title>",

            "\t<script src=\"https://cdn.jsdelivr.net/npm/vue/dist/vue.js\"></script>",

            "<style></style>",

            "</head>",

            "<body>",

            "\t<div id=\"app\">",

            "",

            "\t</div>",

            "\t<script>",

            "\t\tvar app = new Vue({",

            "\t\t\tel: \"#app\",",

            "\t\t\tdata: {",

            "",

            "\t\t\t},",

            "\t\t\tmethods: {",

            "",

            "\t\t\t}",

            "\t\t});",

            "\t</script>",

            "</body>",

            "",

            "</html>"

        ],

        "description": "vue snippet"

    }

}

常用型

 

 

{

    "Print to console": {

        "prefix": "vuecy",

        "body": [

            "<template>",

            " <div>\n",

            " </div>",

            "</template>\n",

            "<script>",

            " export default {",

            "   name: '',",

            "   props: {",

            "   },",

            "   components: {\n",

            "   },",

            "   data () {",

            "     return {\n",

            "     }",

            "   },",

            "   methods: {\n",

            "   },",

            "   mounted() {\n",

            "   },",

            "   watch: {\n",

            "   },",

            "   computed: {\n",

            "   },",

            "   filters: {\n",

            "   }",

            " }",

            "</script>\n",

            "<style scoped lang='scss'>\n",

            "</style>"

        ],

    }

}

完整型

 

{

    "Print to console": {

        "prefix": "vuewz",

        "body": [

            "<template>",

            "  <div class=''></div>",

            "</template>",

            "<script>",

            "export default {",

            "  name: '',",

            "  props: {},",

            "  components: {},",

            "  data() {",

            "    return {};",

            "  },",

            "  computed: {},",

            "  watch: {},",

            "  methods: {},",

            "  created() {},",

            "  mounted() {},",

            "  beforeDestroy() {}",

            "};",

            "</script>",

            "<style lang='scss' scoped>",

            "</style>"

        ],

        "description": "Log output to console"

    }

}

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值