vuejs 什么情况下用

V2EX = way to explore

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

已注册用户请登录

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

刚学会 html ， CSS 和 javascript ， ajax 。竟然又看到了 vuejs ，请问这个东西，什么情况下用，我做点评网站能听到吗。有什么优缺点。为什么做网站，要把数据放在 vuejs 中，再放到 html 中呢。为什么不直接放到 html 中呢，好像太复杂了感觉。

vuejs

HTML

优缺点

放到

30 条回复 • 2017-01-23 18:22:20 +08:00

scgy5555

2016-10-31 08:46:30 +08:00

vuejs 是一个框架 js ，主要用于强交互的场景。
比如你做的点评网站，如果需要个后台进行管理和统计就可以用 vuejs 做。
像是网站本身就不太需要，因为对 ie 的兼容性不好，也影响 seo 。

使用 vue 就是在使用它的书写结构来简化代码逻辑，你只需要关心业务本身就可以。
简单来说就是虽然把数据放在 vuejs 再通过其操作 html ，但是整个代码简单了不少。

我还是推荐你用 avalonjs ，这些都算是近年兴起的新技术。

jookr

2016-10-31 08:54:01 +08:00

@scgy5555 能给几个用到 vuejs 的 web 页面链接看看就更好了

skyboy

2016-10-31 09:02:48 +08:00 via Android

vuejs 和 extjs 是一样作用，和类型的东西吗。

audi

2016-10-31 09:14:48 +08:00

作者哭晕在厕所

murmur

2016-10-31 09:19:37 +08:00

vue 比 react 简单，然而现在组件比 react 少，积淀不如 ng1 ，前景你自己看看就好

g0thic

2016-10-31 09:21:39 +08:00

按照楼主目前的状况，还是先把基础的搞懂吧

skyboy

2016-10-31 09:34:09 +08:00 via Android

@g0thic 你说的是什么样的基础呢。难道，没有这些框架，网站都不能写了。有了这些框架，现在的论坛和动态网站都要重新写吗。真的这些很重要吗。

gouflv

2016-10-31 09:36:03 +08:00

楼主小心扯到蛋

SourceMan

2016-10-31 09:40:18 +08:00

学任何技能都需要前置知识的支撑
如果你对 vue 感兴趣，不防看下前置知识需要学什么，学好了再学 vue

skyboy

2016-10-31 09:40:51 +08:00 via Android

@audi vuejs 的教程文档并没有写这个东西，在什么情况下用，而且没有结合数据库，写出生动形象的例子告诉用他，比直接用 html CSS js 有什么优势。所以，让人看了文档后一头雾水，摸不着头脑，不知道他到底在实际项目中是干嘛用的。况且也没有前端一本从入门到精通，前端技术太零碎，太变幻了，各种东西满天飞，把初学者脑子搞乱了。

Exin

2016-10-31 09:40:53 +08:00 via iPhone

楼主刚学会 html css js ，就好比刚学会了一些词组，而你要做一个网站则好比要写一篇文章
有了 vuejs 后你就可以用上拟人、排比这样的修辞手法
你要说没有这些修辞也可以写文章，我同意，但是文章一旦长了，你会写的很痛苦

skyboy

2016-10-31 09:43:38 +08:00 via Android

@gouflv 你有能力你一句话说明白他是干嘛用的，是做网站必须用的技术趋势吗。胡乱扯的离题万里的谈话者没有人喜欢性格的注定一辈子屌丝。

murmur

2016-10-31 09:46:35 +08:00

@skyboy 是的
vuejs 在任何情况都能用，大了可以做单页面应用，小了可以替代你的模板和 jquery ，甚至为了一个很优秀的组件选 vuejs 都可以
很多人提到 MVVM 就想到单页面应用，这是典型的思维江化，现在 MVVM 小的框架就算代替模板和帮你组件化都是值得的
我认为现在阻碍 vuejs 发展的唯一问题就是很多人有国产=不靠谱的思维定式，而且 react 的却现在也是风头正旺，无论 github 的星星还是第三方组件都是碾压 vuejs 的多
vuejs 在主页上总是比自己比别人多么好学，性能多好，但是明白人都知道不造轮子不得有足够的轮子才敢造车么

skyboy

2016-10-31 09:48:10 +08:00 via Android

@Exin 我还学了 jquery ， php ， mysql ， nodejs 。

lijsh

2016-10-31 09:54:54 +08:00

vue.js 、 Angular.js 和 React 的目的都差不多，就是创建数据模型到 UI 的绑定。

假设你从后台拿到一个 People 列表：
```
var list = [{name: 'Jason', age: 18}, {name: 'Jack', age: 108}]
```
把列表渲染到 HTML 后，如果你要修改某个对象的 name ，传统的做法是选取这个对象的 name 对应的 HTML 上的 DOM ，然后使用`.text()`之类的方法修改文本节点；如果要添加一个对象，那就是`.append()`之类的方法添加 DOM 节点了。

Vue.js 的思路是，你不需要操作 DOM ，你只要把这个对象修改好，或者给 list 添加元素，对应的 HTML 会自动更新。所以使用 Vue.js 的时候，是基本可以隔绝 DOM 操作的，代码中绝大部分都是在操作对象和数组。

我已经很久没操作过 DOM 了， DOM 的 API 快忘光了……

Exin

2016-10-31 10:35:12 +08:00 via iPhone

@skyboy 哦， so ？

sun2920989

2016-10-31 10:52:15 +08:00

额,要不还是先搞定 jquery 吧...慢慢来.当你觉得 jquery 在很多场景下不好用的时候再看看 vue 是不是能更好的解决这个问题.
典型场景 ToDoList 也许算

iyaozhen

2016-10-31 11:05:51 +08:00 via Android

@lijsh 赞，这个例子举的不错。做过后台管理的都是泪呀，用 jQuery Ajax 的话更新一个信息各种数据要变， DOM 操作满天飞。

jin5354

2016-10-31 11:17:39 +08:00

@lijsh 感同身受..我也经常想不起操作 DOM 的 API..
推荐你用下这个 http://youmightnotneedjquery.com/ 像查 jQuery 文档一样搜就好了，方便急了

gouflv

2016-10-31 12:45:37 +08:00 via iPhone

@skyboy 知道也不想告诉你，再见

WenJimmy

2016-10-31 14:54:07 +08:00

做个管理系统，数据绑定加上组件交互一系列操作。不要太好用。
用 jquery 的话， js 文件里密密麻麻的$()会哭

exoticknight

2016-10-31 14:56:16 +08:00

自己做一个网站，先不用 vue ，然后再用 vue ，就知道有什么用了

Parallel

2016-10-31 15:34:48 +08:00

如果处于前端刚刚入门的阶段（对于现在的前端发展来说可能离入门还很远），不建议去学 Vue.js 。
建议还是先好好学 JavaScript ，然后学一下 jQuery ，去手动式的做 DOM 操作。和 Vue.js 是两种思维模式。
用 Vue.js 一段时间，非常爽，数据双向绑定带来很多便利，不过个人感觉有点容易形成惰性思维，对于前端入门来说少了很多必要的思考和操作过程。