vue+vue-cli3 与 typeScript 的引入与混入

前言：

TypeScript的设计目的应该是解决JavaScript的“痛点”：弱类型和没有命名空间，导致很难模块化，不适合开发大型程序。另外它还提供了一些语法糖来帮助大家更方便地实践面向对象的编程。---- 引子

TypeScript官方文档地址

主题：
第一步、安装依赖：
npm、cnpm、yarn都支持
npm install typescript ts-loader --save-dev
npm install vue-property-decorator --save-dev

第二步、配置vue.config.js 打包与启动：

module.exports = {
   
    publicPath: './',
    configureWebpack: config => {
   
        config.externals = {
   
           	// 混入ts↓
            resolve: {
    extensions: [".ts", ".tsx", ".js", ".json"] },
            // 使用ts后改变入口文件
            base: {
   
                entry: {
   
                	app: resolve('src/main.ts') // 把main.js改为main.ts
                },
                resolve: {
   
                    extensions: ['vue', '.js', '.ts']
                },
                module: {
   
                    rules: [
                        {
   
                            test: /\.tsx?$/<