Flask MVVM 开发(vue.js)，Javascript 处理时间

用Vue改版后的 天涯VIP，已经正式上线：http://tianya.heroku.com

--------------------------------------------------------------------------------------------

Flask + Vue

Flask为轻量级Web后台框架，Vue为轻量级网页前台框架，两者配合，快速实现MVVM最合适不过了。

后台 -- Flask 处理M + C，实现数据Model化 + 路由、安全、逻辑控制。对用户响应，返回用Jinjia渲染的HTML模板页面，同时ajax 把数据传给 Vue

前台 -- Vue处理 VM (ViewModel) ，用户浏览器接收到 HTML模板和数据后，Javascript（Vue）处理数据，并按设计显示

解决 Jinja2 { { }}冲突

2016-10-30：

其实Vue内部占位符{ { }}，都是转换成 v-text 指令的！

<span v-text="msg"></span>
<!-- same as -->
<span>{
  {msg}}</span>

所以，最清晰简单的实施方法： Vue内部全部用 v-text，而 Jinja2还是用 { { }} 占位符，两不相干。

后台 -- Flask用Jinjia渲染HTML页面，并且把数据ajax传给 Vue；

前台 -- 用户浏览器接收到 HTML，Javascript（Vue）处理数据，并按设计显示

============================================

2016-10-20

Link 。但还是会跟 Flask-Bootstrap的 { { 冲突！

1 2

<