Revue: 在 Vue.js 里使用 Redux

2015-11-27 16:12:49 +08:00
 sox
Redux binding for Vue https://github.com/egoist/revue
2392 次点击
所在节点    分享创造
16 条回复
sox
2015-11-27 17:20:14 +08:00
le0rn0
2015-11-27 21:07:27 +08:00
请问下,使用 vue.js ,如果 ajax 从后台的数据还没取出来,页面却加载好了,然后会直接显示变量,这种怎么解决?
sox
2015-11-27 21:37:15 +08:00
@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
2015-11-28 00:26:01 +08:00
@banri 谢谢啦,看来得学习下 webpack ,以前都没接触过
Moker
2015-11-28 08:56:16 +08:00
@le0rn0 我这个里面因为代码比较少,所以没有用到。。
如果是你说的 template ,是可以引用一个文件,然后在页面直接使用<div>调用的

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/239449

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX