Revue: 在 Vue.js 里使用 Redux

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

爱意满满的作品展示区。

这是一个创建于 3285 天前的主题，其中的信息可能已经有所发展或是发生改变。

Redux binding for Vue https://github.com/egoist/revue

16 条回复 • 2015-11-28 08:56:16 +08:00

sox

2015-11-27 17:20:14 +08:00

demo: http://revue.surge.sh

le0rn0

2015-11-27 21:07:27 +08:00

请问下，使用 vue.js ，如果 ajax 从后台的数据还没取出来，页面却加载好了，然后会直接显示变量，这种怎么解决？

sox

2015-11-27 21:37:15 +08:00 via Android

@le0rn0 v-text/v-html

le0rn0

2015-11-27 22:21:19 +08:00

如果 v-text 或者 v-html 的内容加载较慢呢

banri

2015-11-27 22:36:32 +08:00

@le0rn0

正确的姿势是使用空指令 `v-cloak`

然后在 CSS 里加上

```
[v-cloak] {
visibility: hidden;
}
```

当然 `display: none` 也是可以的

le0rn0

2015-11-27 22:40:45 +08:00

@banri 多谢！请问下 vue 有类似 django 的 include 和 extends 吗

Moker

2015-11-27 22:43:04 +08:00

https://github.com/Someant/chatandbarrage
最近也用 vue.js 写了个聊天和视频弹幕

banri

2015-11-27 22:44:55 +08:00

@le0rn0 不了解 django ，抱歉不能解答

如果是需要类似于组件、模块化的相关功能，可以直接翻官方文档，写的还是很好懂的

le0rn0

2015-11-27 22:46:39 +08:00

@banri 就是模板继承和包含，比如好几个页面都用到同一个 div （如 footer ），我怎么把它给抽象出来呢

le0rn0

2015-11-27 22:48:26 +08:00

@Moker 请问下怎么处理包含和继承呢

sox

2015-11-27 22:56:24 +08:00

@le0rn0 那不是组件吗。。

le0rn0

2015-11-27 23:08:12 +08:00

@sox

Vue.component('my-component', {
template: '<div>A custom component!</div>'
})

官方文档里是这样，但是我想让 template 引用一个文件的话可以吗

banri

2015-11-27 23:29:33 +08:00

@le0rn0
可以
配合 webpack+vue-loader
使用 *.vue 文件

banri

2015-11-27 23:31:22 +08:00

@le0rn0 http://cn.vuejs.org/guide/application.html

le0rn0

2015-11-28 00:26:01 +08:00 via Android

@banri 谢谢啦，看来得学习下 webpack ，以前都没接触过

Moker

2015-11-28 08:56:16 +08:00

@le0rn0 我这个里面因为代码比较少，所以没有用到。。
如果是你说的 template ，是可以引用一个文件，然后在页面直接使用<div>调用的