MVVM框架之avalon学习笔记（1）

初学示例：

<!DOCTYPE html>

<html>
<head>
<title>TODO supply a title</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="avalon2.js"></script>
<script>
var vm = avalon.define({
$id: "test",
a: 888,
b: 666
})
</script>
<style>
.ms-controller{
display:none;
}
</style>
</head>
<body>
<div ms-controller="test"> 
<input ms-duplex="@a" /> 
<input ms-duplex="@b" />
<p>{{@a}}</p> 
<p>{{@b}}</p>
</div>
</body>

</html>

总结：

MVVM将程序分为两大块，我们需要用avalon.define创建vm，用指令预先指定会变动的部分
ms-controller是圈定vm的作用域。ms-controller其实是可以套嵌的。
ms-duplex是双向指令，通过一些事件监听我们的输入操作，从而同步vm。
{{}}是用于输出数据。

MVVM框架之avalon学习笔记（1）相关推荐

机器学习框架ML.NET学习笔记【1】基本概念与系列文章目录
一.序言微软的机器学习框架于2018年5月出了0.1版本,2019年5月发布1.0版本.期间各版本之间差异(包括命名空间.方法等)还是比较大的,随着1.0版发布,应该是趋于稳定了.之前在园子里也看到 ...
机器学习框架ML.NET学习笔记【5】多元分类之手写数字识别（续）
一.概述上一篇文章我们利用ML.NET的多元分类算法实现了一个手写数字识别的例子,这个例子存在一个问题,就是输入的数据是预处理过的,很不直观,这次我们要直接通过图片来进行学习和判断.思路很简单,就是 ...
26Play框架教程2学习笔记
Play框架教程2学习笔记文章目录 1 play框架01 1.1 概述 1.2 特性 1.2.1 无缝集成现有开发环境 1.2.2 热重载和修改Bug 1.2.3 简单的无状态MVC架构 1.2.4 ...
26Play框架教程1学习笔记
Play框架教程1学习笔记文章目录 1play教程第一课 1.1 play是什么 1.2 REST风格是什么 1.3 play的优点和缺点 2 play教程第二课 2.1 搭建开发环境 2.1. ...
【Django】创建项目及框架介绍，学习笔记（一）
[学习教程] 1.Django基础教程:https://code.ziqiangxuetang.com/django/django-tutorial.html 2.Django博客:http://ww ...
史上最全 Appium 自动化测试从基础到框架实战精华学习笔记（一）
本文为霍格沃兹测试学院学员学习笔记,进阶学习文末加群. 对测试人来说,Appium 是非常重要的一个开源跨平台自动化测试工具,它允许测试人员在不同的平台(iOS.Android 等)使用同一套 API ...
尚硅谷2020最新版周阳SpringCloud(H版alibaba)框架开发教程学习笔记
前言:今天看到周阳老师出了新课,十分欣喜,很喜欢周阳老师的讲课风格,内容也充实,我也算是周阳老师忠实粉丝啦. 新出的springcloud第二版很符合我现阶段的学习需求.但美中不足的是,目前只有视频资 ...
Java框架之SpringMVC学习笔记
1.SpringMVC的基本概念学习黑马传智播客视频所记录的笔记视频连接:https://www.bilibili.com/video/BV1Sb411s7qa?p=1 1.1 三层架构和MVC ...
Django基本概念、安装、配置到实现框架，Xmind学习笔记
Django从安装.配置到实现简单web框架的基本操作流程纯手工Xmind笔记整理: 点我下载预览图: 如有错误,谢谢指出

MVVM框架之avalon学习笔记（1）

MVVM框架之avalon学习笔记（1）相关推荐

最新文章

热门文章