$ vue-cli-service serve 'vue-cli-service' ▒▒▒▒▒ڲ▒▒▒▒ⲿ▒▒▒Ҳ▒▒▒ǿ▒▒▒▒еĳ▒▒▒ ▒▒▒▒▒▒▒▒▒ļ▒▒▒ error Command failed with exit code 1.

删除node_modules重新下载

1. # vue3项目使用typeScript

需要下载typeScript,ts-loader,@babel/plugin-transform-typescript
若将main.js改成main.ts
需要将vue.config.js指定路口文件

vue项目使用typeScript，直接lang="ts",页面报错,

需要下载"@vue/cli-plugin-typescript": "~4.5.0",
配置tsconfig.json和shims-app.d.ts

typescript定义变量

定义数组：let newArr:number[]=[1,2,3]；let newArr:Array<Number>=[1,2,3]
定义对象：let newObj:{name:string}={name:'晨晨'}

接口

可以用于函数或者对象

2. vue3的语法

`reactive`

用于为对象添加响应式状态，修改数据不会修改元数据，视图更新

`ref`

   用于为数据添加响应式状态，在setup定义一些新的数据变量时使用，修改数据不会修改元数据，视图更新
   定义数据let text=ref('111')
   更新数据的时候: text.value='222',直接修改 text='222' 不生效

`对比reactive和ref`

`toref`

   修改对象的某个数据，是对元数据的引用，修改toref数据，元数据也会改变，但是视图不会改变

`torefs`

   修改整个对象的数据，是对元数据的引用，修改torefs数据，元数据也会改变，但是数据不会改变

3.对比ts的接口和props

interface:可以设置数据类型，用于函数的传参类型
特殊用法：希望一个接口允许有任意的属性。如下：
interface Person { 
        name: string; 
        age?: number;
        [propName: string]: any; 
      }
一旦定义了任意属性，那么确定属性和可选属性的类型都必须是它的类型的子集

props：设置数据类型和默认值

表格组件的封装
两种情况：
1.通过接口获取数据，动态的获取表格的数据和配置
2.除了表格的数据从接口获取，配置等信息设置默认值，也可以从前端传一些数据进行配置

4.封装组件---表格

vue2:对象的参数属性不是必须传的，可以根据computed进行实现

vue3: