VSCode建立Vue模板

第一步：打开搜索

第二步：搜索vue

第三步：复制粘贴文件内容

{
  "Print to console": {
    "prefix": "vue",
    "body": [
      "<template>",
      "  <div>",
      "  </div>",
      "</template>",
      "",
      "<script>",
      "  export default {",
      "    name: '',",
      "    mixins: [],",
      "    components: {},// 注册组件",
      "    props: {},// 接收父组件传参",
      "    data () {",
      "      return {",
      "",
      "      }",
      "    },",
      "    computed: {},// 计算属性",
      "    watch: {},// watch的作用可以监控data中某个值的变换，并调用因为变化需要执行的方法。",
      "    created() {},// dom元素创建之前执行",
      "    mounted() {},// dom元素创建之后执行",
      "    methods: {},// 定义方法的地方",
      "    destroyed() {},// 销毁时操作可编辑在此处,例如：A组件跳转B组件，此时A组件会被销毁，则会调用",
      "    activated() {},// 组件活跃时,只有在使用<keep-alive>时才有效果",
      "    deactivated() {},// 组件不活跃时,只有在使用<keep-alive>时才有效果",
      "  }",
      "</script>",
      "",
      "<style scoped>",
      "</style>"
    ]
  }
}