Skip to content
/ que Public
forked from ch3rub1m/que

Que is a useful and elegant frontend framework.

Notifications You must be signed in to change notification settings

charlielin/que

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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')

About

Que is a useful and elegant frontend framework.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 96.4%
  • HTML 3.6%