最新消息:看到那些跳动的图片、文字了吗?点击点击 O(∩_∩)O~~

初尝Vue的Render函数以及冒泡

若思若想 onlyling 5370浏览

用Vue已经蛮长时间的,不过都是做一些简单的东西,渲染一个数据,展示页面。

不知道怎么的,就像用Vue做点好玩的,就用Vue把MSUI重写一遍,做组件还是蛮好耍的。

其实并不知道怎么做一个框架的组件,感觉很大,也很复杂。

比如,怎么规划每个组件的文件结构、静态文件等,都是一些麻烦的事。

还好有Github这个东西,另外还有国内强大的开发团队,找了一个开源Vue组件库(element-ui),学习(抄袭)了一番。

很早就想做一套自己的组件库,但是,想到怎么做弹窗等复杂组件的时候,就懵逼了。虽然每个页面可以单独引用弹窗组件,但是,我更喜欢 this.$alert(‘标题’, ‘内容’) 这样的方式。无奈,只好暂时放一放。

看了element-ui的弹窗组件后,还是很有收获,但,还是有点懵逼。

为什么我又开始做了,其实是同事的一句话。他说,虽然现在很多组件都有了,但是,自己写一遍才更深的理解。

是的,如果不自己做一遍,我也不会用到Render函数。

第一次见到Render函数的时候,觉得,妈蛋,JSX。

内心是拒绝的,并不喜欢JSX这样的东西,比较喜欢template的方式,毕竟写的还是html和css,给人亲切感。

在重写MSUI的时候,做tabs组件的时候,看到element-ui也有,于是就借鉴(抄袭)一下呗,按照element-ui等方式抄了一遍,在打包的时候出错了

return (
 <div class="ms-tabs">{tabs}</div>
 )

它不认识这个,哎哟,好痛,我要静静,翻了翻文档,好像这样写也没问题啊,在群里问了一下,LCY提醒了一下,好像没有开始一个插件,去翻了element-ui的package.json,果然,开发中依赖了那个库。重新配置了一下,打包又报错了,又少了一个插件,好吧,重新再来。OK,没问题了。

后来感觉对Render并没有那么反感了,可能是Vue的插件做了一些东西的缘故吧,抄起来还是蛮简单的。感觉又回到了拼接字符串的方式了。

沉沦这么久,终于有点活着的感觉了。

转载请注明:OnlyLing - Web 前端开发者 » 初尝Vue的Render函数以及冒泡