1. 快速开始 -- Highway MVVM

最新推荐文章于 2019-12-28 14:30:38 发布

原创最新推荐文章于 2019-12-28 14:30:38 发布 · 262 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#mvvm

Highway 专栏收录该内容

9 篇文章

订阅专栏

获取Highway

git clone https://github.com/fish-in-water/highway.git
获取Highway/dest/highway.js文件
获取jQuery或Zepto

新建html文件，复制以下内容，注意文件引用，并使用Chrome打开

<!-- examples/quick-start.html -->

<!doctype html>
<html>
<head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui">
 <title>quick-start</title>
</head>
<body>
<div id="app">
 <div>
   hello, <input type="text" hi-value="name">
 </div>
 <div>
   hello, {{name}}
 </div>
 <div>
   hello, <span hi-bind="name"></span>
 </div>
</div>

<script type="text/javascript" src="../../lib/zepto/zepto.min.js"></script>
<script type="text/javascript" src="../../dest/highway.min.js"></script>
<script type="text/javascript" src="../../lib/babel-standalone/babel.min.js"></script>
<script type="text/babel">
 const app = new Highway({
   $el: $('#app'),
   $scope: {
     name: 'world'
   }
 });
</script>
</body>
</html>