首页 > 其他分享 >VSCode 抽取vue的代码片段

VSCode 抽取vue的代码片段

时间:2023-02-08 10:58:40浏览次数:46  
标签:片段 vue VSCode 代码 html 抽取

在vscode中文件——>首选项——>用户片段,输入名字按去确定,输入代码片段

{
    "vue htm": {
        "scope": "html",
        "prefix": "vuehtml",
        "body": [
            "<!DOCTYPE html>",
            "<html lang=\"en\">",
            "",
            "<head>",
            "    <meta charset=\"UTF-8\">",
            "    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
            "    <meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\">",
            "    <title>Document</title>",
            "</head>",
            "    <script type=\"text/javascript\" src=\"https://unpkg.com/[email protected]/dist/vue.js\"></script>",
            "",
            "<body>",
            "    <div id=\"app\">",
            "",
            "    </div>",
            "    <script>",
            "        new Vue({",
            "            el: '#app',",
            "            data: {",
            "                $1",
            "            }",
            "        })",
            "    </script>",
            "</body>",
            "",
            "</html>",
        ],
        "description": "my vue template in html"
    }
}
View Code

 

标签:片段,vue,VSCode,代码,html,抽取
From: https://www.cnblogs.com/ZJ199012/p/17100935.html

相关文章

  • Vue事件总线
        vue组件非常常见的有父子组件通信,兄弟组件通信。而父子组件通信就很简单,如果两个页面没有任何引入和被引入关系,该如何通信?如果咱们的应用程序不需要类似Vuex这......
  • Vue 文件流预览 PDF
    js//pdf预览exportfunctionpdfYL(foreId){returnrequest({url:'/bbs/regtech/law/download?id='+foreId,method:'get',responseType:"blob",......
  • 基于vue3的跑马灯组件|vue3-marquee
    vue3-marquee是Vue3的一个简单的跑马灯组件,可以创建可定制的跑马灯效果。该组件为您的内容使用插槽,提供多种配置选项来控制跑马灯的效果。安装//npmnpminstallv......
  • vue内置指令和自定义指令
    vue内置指令常用的内置指令:v-bind:单向绑定解析表达式,可简写为:xxxv-model :双向数据绑定v-for :遍历数组/对象/字符串v-on :绑定事件监听,可简写为@v-i......
  • Vue组件间通讯方式
    总结Vue组件间通讯方式父子组件通讯父向子一般为props:在父组件内,子组件标签上写明传递参数的名字和值,在子组件内部用props声明,即可使用//子......
  • vue高级进阶( 一 ) 组件精髓概述
    前言这个系列可能会分为几部分:基础以及高级用法总结一些比较有代表性的实战源码解析(一定是用最粗俗,不对,是最通俗的语言讲解,这个我可以保证)总之一定对得起高级......
  • vue高级进阶( 二 ) 8种组件通信详解
     vue高级进阶(二)8种组件通信详解猛兽总是独行,牛羊才成群结队。-------鲁迅vue组件通信的重要性无需多言。。。但是你肯定没有全部掌握,所以这第二篇文章应运而......
  • vue高级进阶( 三 ) 组件高级用法及最佳实践
     vue高级进阶(三)组件高级用法及最佳实践世界上有太多孤独的人害怕先踏出第一步。---绿皮书书接上回,上篇介绍了vue组件通信比较有代表性的几种方法,本篇主要讲......
  • vue3 | readonly、shallowReadonly
    readonly接受一个对象(不管是响应式还是普通的)或者是一个ref,返回的是一个原值的只读代理。<template><n-elclass="h-400w-fullflexflex-coljustify-centeritems......
  • vue3 | isRef、unref、toRef、toRefs
    isRef检查某个值是否是ref。是返回true,否则返回false。constnum=ref(10);constnum1=20;constnum2=reactive({data:30});console.log(isRef(num));//tru......