从零单排系列之写一个类vue框架(一)

raise_yang 发布于2019-08-23 18:26 / 566人阅读

摘要：因为我希望这是一个系列的文章，所以开始之前先简单说一下，我几乎没用过这个框架写过项目，所以文章中难免会有一些比较外行的说法。先整理用法，然后再整理自己的框架。

因为我希望这是一个系列的文章，所以开始之前先简单说一下，我几乎没用过vue这个框架写过项目，所以文章中难免会有一些比较外行的说法。当然，我用过一些时间的angular，也曾经解决过一些同行们vue方面的问题。所以如果有人原因看的话，也不用担心我过于外行。
就像前些日子看到阮一峰老师说的话，我觉得老师这里真的说出了很多技术人员的心声，这里借用一下。
“我的技术文章，主要用来整理我还不懂的知识。我只写那些我还没有完全掌握的东西，那些我精通的东西，往往没有动力写。炫耀从来不是我的动机，好奇才是。”

言归正传，我准备了一本书，里面由浅入深地介绍了vue的用法（听人说的，我边看边写）。
先整理vue用法，然后再整理自己的框架。
最基本用法


    {{title}}

简单分析一下，{{}} 用来声明这是一个model，然后在js中定义这个model

因为涉及到正则以及dom树的一些解析及递归等，我先写点简单点的，不然看的人都跑了。



    这里是{{title}}

这段代码应该可以勉强应付上面的vue语句，当然vue肯定不会是这么实现的，因为这是一次性的。明天换个es6版本的写法。今天就先写到这里吧。

idc机房托管云服务器系列一 php类框架 java对象类框架单排

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/105233.html

从零单排系列之写一个类vue框架(二)

摘要：昨天写了一下节点绑定的替换，已经如何检测的方法今天优化一下，勉强实现一个双向绑定看下昨天的代码这里是在实现双向绑定之前，先普及一个和的知识。如果强行给之前的赋值，就会发生无限的情况。毕竟还在正式学习期。昨天写了一下节点绑定model的替换，已经如何检测model 的方法今天优化一下，勉强实现一个双向绑定看下昨天的代码 function Vue(obj) { ...

learn_shifeng 2019-08-23 18:27 评论0 收藏0
从零开始单排学设计模式「UML类图」定级赛

摘要：从零开始单排学设计模式的国服排位之旅，今天正式开启目前段位定级赛这篇文章来总结下类图，本来不打算讲类图的，因为我在学习设计模式的时候，一遇到有关的就会自动忽略，一看感觉就很复杂。关联关系用实现箭头来表示。阅读本文大概需要 3.5 分钟。本篇是设计模式系列的开篇，虽然之前也写过相应的文章，但是因为种种原因后来断掉了，而且发现之前写的内容也很渣，不够系统。所以现在打算重写，加上距离现...

Loong_T 2019-08-16 15:04 评论0 收藏0
最新【从零单排】系列流出，教你如何实现字典存储结构

摘要：昨天在星球的从零单排系列分享了一篇字典存储结构的实现方式，我觉得这篇文章写的还是蛮好的，就分享给大家了。这周活动力度优惠开到最大了，现在只要元，邀请朋友还能返现元。 showImg(https://segmentfault.com/img/remote/1460000018992017); 昨天在星球的【从零单排】系列分享了一篇【字典存储结构的实现方式】，我觉得这篇文章写的还是蛮好的，...

crossea 2019-07-31 10:21 评论0 收藏0
从零单排学Redis【黄金】

摘要：当被监听的准备好执行连接应答读取等等操作时，与操作相对应的文件事件就会产生，根据文件事件来为关联对应的事件处理器，从而实现功能。服务器使用单线程单进程的方式处理命令请求。前言只有光头才能变强好的，今天我们要上黄金段位了，如果还没经历过青铜和白银阶段的，可以先去蹭蹭经验再回来：从零单排学Redis【青铜】从零单排学Redis【白银】看过相关Redis基础的同学可以知道Re...

Mr_houzi 2019-08-16 13:39 评论0 收藏0
从零单排学Redis【黄金】

摘要：当被监听的准备好执行连接应答读取等等操作时，与操作相对应的文件事件就会产生，根据文件事件来为关联对应的事件处理器，从而实现功能。服务器使用单线程单进程的方式处理命令请求。前言只有光头才能变强好的，今天我们要上黄金段位了，如果还没经历过青铜和白银阶段的，可以先去蹭蹭经验再回来：从零单排学Redis【青铜】从零单排学Redis【白银】看过相关Redis基础的同学可以知道Re...

EastWoodYang 2019-07-24 15:56 评论0 收藏0