在创建项目的时候未选择Typescipt,
    手动添加typescript插件

    1. vue add typescript

    安装vue-property-decorator

    1. yarn add vue-property-decorator

    在vscode中自定义ts版vue模板

    1. "Print to console": {
    2.   "prefix": "vts",
    3.   "body": [
    4.     "<template>\n\t<div>\n\n\t</div>\n</template>\n",
    5.     "<script lang=\"ts\">\nimport Vue from 'vue'\nimport { Component } from 'vue-property-decorator';\n\n@Component\nexport default class ${1:ClassName} extends Vue{\n$0\n}\n</script>\n\n",
    6.     "<style lang=\"scss\" scoped>\n\n</style>"
    7.   ],
    8.   "description": "自定义vue+typescript模板"
    9. }

    注意：
    每个组件都必须有@Component修饰符，否则vue-router无法正常识别组件，无法正常跳转