Skip to content

Latest commit

 

History

History
65 lines (51 loc) · 1.12 KB

README.md

File metadata and controls

65 lines (51 loc) · 1.12 KB

Welcome to que

摒弃浮华，回归真我。
脱去外衣以后，前端还剩下什么。
学习技术，有心无力？
没关系，你还有que。

Start

Run the commands as follow:

  1. yarn
  2. yarn run dev

Documentation

Coming soon.

Examples

index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Que.js</title>
  </head>
  <body>
    <div id="que-app">
      <p>Que.js is better than {{framework}}.</p>
      <input type="text" q-model="framework" />
      <button q:click="randomFramework">RandomFramework</button>
    </div>
  </body>
</html>

index.js

import Que from 'que'

const frameworks = ['backbone', 'angular', 'ember', 'react', 'vue']

const que = new Que({
  props: {
    framework: 'vue'
  },
  reducers: {
    randomFramework: function (e) {
      let framework = frameworks[parseInt(Math.random() * frameworks.length)]
      while (this.framework === framework) {
        framework = frameworks[parseInt(Math.random() * frameworks.length)]
      }
      this.framework = framework
    }
  }
})

que.render('#que-app')