深入使用TS 支持 render jsx 写法 这里一共分两步 首先得先让 vue 支持 jsx 写法 再让 vue 中的 ts 支持 jsx 写法 让 vue 支持 jsx 按照官方做法,安装Babel 插件 安装依赖 在.babelrc中添加: 之后就可以这些写render,如下图: 让 ts ...
分类:
其他好文 时间:
2019-09-11 19:39:38
阅读次数:
369
网上各种言论说 React 上手比 Vue 难,可能难就难不能深刻理解 JSX,或者对 ES6 的一些特性理解得不够深刻,导致觉得有些点难以理解,然后说 React 比较难上手,还反人类啥的,所以我打算写两篇文章来讲新手学习 React 的时候容易迷惑的点写出来,如果你还以其他的对于学习 React ...
分类:
其他好文 时间:
2019-09-04 21:36:31
阅读次数:
99
JSX代表Objects Babel转义器会把JSX转换成一个名为React.createElement()的方法调用。 下面两种代码的作用是完全相同的: React.createElement() 这个方法首先会进行一些避免bug的检查,之后会返回一个类似下面例子的对象: 这样的对象被称为 “Re ...
分类:
其他好文 时间:
2019-08-31 23:38:37
阅读次数:
69
深入JSX 本质上来讲,JSX 只是为 React.createElement(component, props, ...children) 方法提供的语法糖。 例如: 编译为: 如果没有子代,还可以使用自闭合标签: 编译为: 所以使用JSX必须: 1. React必须声明。由于 JSX 编译后会调 ...
分类:
其他好文 时间:
2019-08-31 23:09:16
阅读次数:
61
小技巧:如果我们想了解一门技术,不知道如何学习,那就在 BOSS 直聘上,来看看对这门技术的要求 这篇给大家讲的是 React 1.0 的初始版本,仅仅是让大家有个了解,毕竟回顾历史,我们才能找到他最初的样子; React 是 FaceBook 来发明及维护的 React 的特点:1. jsx 语法 ...
分类:
其他好文 时间:
2019-08-28 12:38:38
阅读次数:
69
类型断言: 类型断言(Type Assertion)可以用来手动指定一个值的类型。 语法 <类型>值 <类型>值 <类型>值 或 值 as 类型 值 as 类型 值 as 类型 在 tsx 语法(React 的 jsx 语法的 ts 版)中必须用后一种。 例子:将一个联合类型的变量指定为一个更加具体 ...
分类:
其他好文 时间:
2019-08-21 21:23:10
阅读次数:
94
create-react-app 创建的项目执行npm run eject后,运行报错:Cannot find module '@babel/plugin-transform-react-jsx-source' 解决方法: 1.删除node_modules文件 2.执行yarn重新安装项目依赖 3. ...
分类:
移动开发 时间:
2019-08-21 11:47:29
阅读次数:
113
最终页面显示效果为 主页面 parent.vue 子页面child.vue有两种方法 第一种 第二种 这是两个最简单的例子 参考链接 https://cn.vuejs.org/v2/guide/render-function.html ...
分类:
Web程序 时间:
2019-08-14 12:19:24
阅读次数:
181
jsx语法 一种混合使用html及javascript语法的代码 在js中 遇到<xx>即开始html语法 遇到</xx>则结束html语法 恢复成js语法 例如: let Dom = <a href="javascript:;">按钮</a> 在html的范围内 若想使用js 则用 "{}" 将j ...
分类:
Web程序 时间:
2019-08-12 00:47:27
阅读次数:
161
Why需要loaders? webpack开箱即用只支持JS和JSON两种文件类型,但是比如css、less,还有目前市场上比较新的语法糖jsx,怎么处理呢? 通过Loaders去支持其他文件类型并且把它们转化为有效的模块,并且可以添加到依赖图中。 本身是一个函数,也就是接受源文件作为参数,返回转换 ...
分类:
Web程序 时间:
2019-08-10 21:18:50
阅读次数:
127