vue代码片段整理

395 阅读1分钟

引入vue.js时快速生成html模板

{    "Print to console": {        //"scope": "javascript,typescript",        "prefix": "vue.html",        "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>",            "  <script src=\"js/vue.js\"></script>",            "</head>",            "<body>",            "<div id=\"app\">",            " ",            "</div>",            "<script>",            "var vm=new Vue({",            "  el:\"#app\",",            "  data:{",            "    ",            "  }",            "})",            "</script>",            "</body>",            "</html>"        ],        "description": "Log output to console"    }}

创建组件之类的

{    "Print to console": {      "prefix": "vue:5",      "body": [        "<!-- $0 -->",        "<template>",        "  <div></div>",        "</template>",        "",        "<script>",        "export default {",        "  data () {",        "    return {",        "    };",        "  },",        "",        "  components: {},",        "",        "  computed: {},",        "",        "  mounted: {},",        "",        "  methods: {}",        "}",        "",        "</script>",        "<style lang='scss' scoped>",        "</style>"    ],      "description": "Log output to console"    }  }