Skip to content

极速上手

Jump to bottom
任荣荣 edited this page Oct 22, 2018 · 1 revision

使用方法

下载：npm install pandyle

引入：0.3.0之后的版本支持amd、es6及全局引入的方式。

  • 全局引入：使用<script>标签引用pandyle.min.js即可。

  • amd:

      define(['jquery', 'pandyle'], function($, Pandyle){
      ...
  })

  • es6:

      import * as $ from 'jquery';
  import * as Pandyle from 'pandyle';
  ...

Hello Wrold

代码示例：hello world

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Hello Pandyle</title>
    <script src="../node_modules/jquery/dist/jquery.min.js"></script>
    <script src="../dist/pandyle.min.js"></script>
</head>

<body>
    <div class="main">{{message}}</div>
    <script>
        var data = {message: 'hello world'};
        $('.main').vm(data);
    </script>
</body>

</html>

开始

VM类

模板语法

Inputs类

组件

Clone this wiki locally