purplebamboo

https://github.com/AlexxIT/SonoffLAN/issues/699

目前已经初步做了一个版本，完成jsx所有语法。 分支在：https://github.com/thx/magix/tree/jsx-with-magix 开发了一个库： https://github.com/thx/magix-transform-jsx 来做jsx到vdom的转换 支持 webpack场景下的 babel-loader，也支持 api式的直接调用。 基于此做了一个例子： https://github.com/purplebamboo/magix_use_jsx

特点是： * 对于magix的改造都是 增量修改，与原有功能保持兼容 * 通过hack手段，使用magix底层功能模块实现了jsx的语法兼容 比如下面这段代码： ``` import * as Magix from "../lib/magix" import Test from "./test.jsx" module.exports = Magix.View.extend({ tmpl: function (data) { var a1='"'; if(data.key==1){ return (...

作为从南京毕业走出来的前端，大半夜的看见这个必须点个赞，南京到底还是没有氛围。 感觉第一个南京没有一个强大的带头互联网公司，最典型的bat在北京 上海 杭州甚至成都都有分公司，唯独南京没有。总感觉缺少领头羊，目前看来稍微有点实力的就是途牛还有苏宁而已。 第二个就是学校教育的短板，这也是很多其他地方都有的。java，c++这些学校都会教，却没有哪个学校会教你怎么做前端，导致大部分人觉得前端就是切切页面，都不屑去玩。

@XiangyuShi 感谢指正 已修复

亲 本身就是可以双向绑定的哈，你改变输入框的值的时候，数据会实时同步到你之前设置的变量里面的哦。 可以参考这里的例子哈。 http://purplebamboo.github.io/pat/doc/views/example.html#form

嗯嗯 你不需要去获取哈，会自动同步的，双向绑定就是帮你免除了获取的动作哈。 比如： ``` html: js: var p2 = new Pat({ el:'test', data:{ text:'hello' }}) 这样这个text值就跟这个输入框绑定了。 当你输入框做了任何修改，data里面text的值也会跟着修改的哦。 所以你点击了提交按钮什么获取都不用做。 直接p2.$data.text 就可以取到最新的输入框里面的值了哈。 ```

可以的呀 亲 你需要设置双向绑定哈： ``` ``` 这个里面的t-model是个指令，意思就是会自动帮你同步数据哈。 点了按钮，你直接通过之前的实例对象拿到这个数据，调用接口发给后端就可以了哈。

可以的呀 就是直接 p.$data 就可以拿到了 你点击保存时 p.$data.a 就是 a1a1a1了哈 你直接拿过去传到后端就行了哈。

记得模板里面 使用 t-model 双向绑定哦