利用typescript做的一个mvvm框架，欢迎大家star

LuDongWei 发布于2019-08-20 15:41 / 800人阅读

摘要：一个轻量的数据渲染框架压缩后只有速度还行数据双向绑定列表渲染嵌套循环语文数学英语地理第一篇第二篇第三篇我下下第四篇支持用法属性模板百度样式选择语法说明当为真为真同时为真百度事件绑定语法监听属性变化函

一个轻量的数据渲染框架, kmv.js, 压缩后只有25k~, 速度还行

https://github.com/KELEN/kmv

数据双向绑定


    hello, {{ name }} {{ age }}

列表渲染 k-for

{{ i }}


嵌套for循环
    
        {{ ar.title }}
        
            {{ tag }} {{ ar.author }}
        
        {{ ar.time }}
    

####  支持 push() pop() shift() unshift() splice() sort() reverse()
用法: kmv.data.list.push(100);

属性模板 k:href

    
        百度

样式选择 k:class

语法: k:class="a: hello1, b: hello2"
说明: 当a为真class="hello1", b为真class="hello2", 同时为真class="hello1 hello2"

百度

事件绑定

k-if语法

    
        show

watch监听属性变化


    
    {{ fullName }}

beforeInit函数初始化数据, 例如ajax获取后绑定到kmv实例上


    {{ postsPageData.totalPage }}

loading

自定义组件，父组件向子组件传递数据 :model="objectKey" (:model在组件用的对象, objectKey代表实例数据传递的对象/值)

GPU云服务器云服务器欢迎大家 mvvm框架的avalon 说起分布式存储大家可能都会觉得这是一个搭建一个java框架

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

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

前方来报，八月最新资讯--关于vue2&3的最佳文章推荐

摘要：哪吒别人的看法都是狗屁，你是谁只有你自己说了才算，这是爹教我的道理。哪吒去他个鸟命我命由我，不由天是魔是仙，我自己决定哪吒白白搭上一条人命，你傻不傻敖丙不傻谁和你做朋友太乙真人人是否能够改变命运，我不晓得。我只晓得，不认命是哪吒的命。 showImg(https://segmentfault.com/img/bVbwiGL?w=900&h=378); 出处查看github最新的Vue...

izhuhaodev 2019-08-26 10:44 评论0 收藏0
FCC 成都社区·技术周刊第 12 期

摘要：详情怎样规避地狱作者先介绍什么是地狱，以及在开发过程中怎样去规避地狱，一时爽性能问题火葬场。详情其他亮点汇总开发者大会已于北京时间月日凌晨在美国山景城正式启幕。【前端】 1. JavaScript 的新数据类型：BigInt BigInt 是 JavaScript 中的一个新的数字基本(primitive)类型，可以用任意精度表示整数。使用 BigInt 可以安全地存储和操作大整数，...

fanux 2019-08-22 17:13 评论0 收藏0
FCC 成都社区·技术周刊第 12 期

摘要：详情怎样规避地狱作者先介绍什么是地狱，以及在开发过程中怎样去规避地狱，一时爽性能问题火葬场。详情其他亮点汇总开发者大会已于北京时间月日凌晨在美国山景城正式启幕。【前端】 1. JavaScript 的新数据类型：BigInt BigInt 是 JavaScript 中的一个新的数字基本(primitive)类型，可以用任意精度表示整数。使用 BigInt 可以安全地存储和操作大整数，...

zzbo 2019-08-29 15:23 评论0 收藏0
FCC 成都社区·技术周刊第 12 期

摘要：详情怎样规避地狱作者先介绍什么是地狱，以及在开发过程中怎样去规避地狱，一时爽性能问题火葬场。详情其他亮点汇总开发者大会已于北京时间月日凌晨在美国山景城正式启幕。【前端】 1. JavaScript 的新数据类型：BigInt BigInt 是 JavaScript 中的一个新的数字基本(primitive)类型，可以用任意精度表示整数。使用 BigInt 可以安全地存储和操作大整数，...

robin 2019-08-15 17:40 评论0 收藏0