不能
将
类型
“MutableRefObject<HTMLDivElement |
undefined
>”
分配
给
类型
“LegacyRef |
undefined
”。
1.没赋初值
2. useRef里面没写对
类型
正确的列子
···
ts
x
const canvasRef = useRef(null)
/// …
return <canvas ref={canvasRef }>
基础路由里面增加开发者自定义属性 router.
ts
的RouteRecordRaw
类型
校验
为了规范化typescript开发,增加路由对象
类型
限制,好处:允许在基础路由里面增加开发者自定义属性。
path: '/project',
hidden: false,
name: 'project',
component: () => import("../pages/project/index.vue"),
值得注意的是 在src目录下新增一个路由声明文
TS
学习笔记
文章目录
TS
学习笔记一. 环境搭建二. 基本
类型
1.
类型
声明2. 基本
类型
三. 编译选项四. Webpack +
TS
(一)基础配置1. 配置依赖2. webpack.config.js3.
ts
config.json4. 构建指令配置(二)清除旧的打包产物五. class0. 基础使用1. 构造函数&this2. 继承3. 抽象4. 接口5. 属性封装6. 泛型
一. 环境搭建
安装Node.js
npm i -g typescript
创建
ts
文件test.
ts
,编译:
ts
c
安装第一步:创建工程项目,基于 webpack 模板的新项目,工程名为myrouter。vue init webpack myrouter
第二步:定位到myrouter的工程目录下cd myrouter
第三步:安装工程依赖的模块,这些模块将被安装在:myrouter\node_module目录下,根据package.json的配置下载该项目的modulesnpm install
第四步:运行项目
ypeScript 简称
TS
,既是一门新语言,也是 JS 的一个超集,它是在 JavaScript 的基础上增加了一套
类型
系统,它支持所有的 JS 语句,为工程化开发而生,最终在编译的时候去掉
类型
和特有的语法,生成 JS 代码。虽然带有
类型
系统的前端语言不止 TypeScript (例如 Facebook 推出的 Flow.js ),但从目前整个 开源社区的流行趋势 看, TypeScript 无疑是更好的选择。原始数据
类型
原始数据
类型
是一种既非对象也无方法的数据,刚才演示代码里,函数的入参使用的字
报
错
事例
typ
ts
cript 组件中定义方法
报
错
不能
将
类型
“{ onRef: (ref: any) => void; }”
分配
给
类型
“IntrinsicAttributes & IntrinsicClassAttributes<Component<Omit<IProps, “form”>, any, any>> & Readonly<…> & Readonly<…>”。
类型
“IntrinsicAttributes
Vue-router
报
错
Argument of type ... is not assignable to parameter of type 'RouterOptions'的解决方案