V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
skyboy
V2EX  ›  Vue.js

vuejs 什么情况下用

  •  
  •   skyboy · 2016-10-31 08:27:42 +08:00 via Android · 10666 次点击
    这是一个创建于 2927 天前的主题,其中的信息可能已经有所发展或是发生改变。
    刚学会 html , CSS 和 javascript , ajax 。竟然又看到了 vuejs ,请问这个东西,什么情况下用,我做点评网站能听到吗。有什么优缺点。为什么做网站,要把数据放在 vuejs 中,再放到 html 中呢。为什么不直接放到 html 中呢,好像太复杂了感觉。
    30 条回复    2017-01-23 18:22:20 +08:00
    scgy5555
        1
    scgy5555  
       2016-10-31 08:46:30 +08:00   ❤️ 1
    vuejs 是一个框架 js ,主要用于强交互的场景。
    比如你做的点评网站,如果需要个后台进行管理和统计就可以用 vuejs 做。
    像是网站本身就不太需要,因为对 ie 的兼容性不好,也影响 seo 。

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

    我还是推荐你用 avalonjs ,这些都算是近年兴起的新技术。
    jookr
        2
    jookr  
       2016-10-31 08:54:01 +08:00
    @scgy5555 能给几个用到 vuejs 的 web 页面链接看看就更好了
    skyboy
        3
    skyboy  
    OP
       2016-10-31 09:02:48 +08:00 via Android
    vuejs 和 extjs 是一样作用,和类型的东西吗。
    audi
        4
    audi  
       2016-10-31 09:14:48 +08:00
    作者哭晕在厕所
    murmur
        5
    murmur  
       2016-10-31 09:19:37 +08:00
    vue 比 react 简单,然而现在组件比 react 少,积淀不如 ng1 ,前景你自己看看就好
    g0thic
        6
    g0thic  
       2016-10-31 09:21:39 +08:00
    按照楼主目前的状况,还是先把基础的搞懂吧
    skyboy
        7
    skyboy  
    OP
       2016-10-31 09:34:09 +08:00 via Android
    @g0thic 你说的是什么样的基础呢。难道,没有这些框架,网站都不能写了。有了这些框架,现在的论坛和动态网站都要重新写吗。真的这些很重要吗。
    gouflv
        8
    gouflv  
       2016-10-31 09:36:03 +08:00
    楼主小心扯到蛋
    SourceMan
        9
    SourceMan  
       2016-10-31 09:40:18 +08:00
    学任何技能都需要前置知识的支撑
    如果你对 vue 感兴趣,不防看下前置知识需要学什么,学好了再学 vue
    skyboy
        10
    skyboy  
    OP
       2016-10-31 09:40:51 +08:00 via Android
    @audi vuejs 的教程文档并没有写这个东西,在什么情况下用,而且没有结合数据库,写出生动形象的例子告诉用他,比直接用 html CSS js 有什么优势。所以,让人看了文档后一头雾水,摸不着头脑,不知道他到底在实际项目中是干嘛用的。况且也没有前端一本从入门到精通,前端技术太零碎,太变幻了,各种东西满天飞,把初学者脑子搞乱了。
    Exin
        11
    Exin  
       2016-10-31 09:40:53 +08:00 via iPhone
    楼主刚学会 html css js ,就好比刚学会了一些词组,而你要做一个网站则好比要写一篇文章
    有了 vuejs 后你就可以用上拟人、排比这样的修辞手法
    你要说没有这些修辞也可以写文章,我同意,但是文章一旦长了,你会写的很痛苦
    skyboy
        12
    skyboy  
    OP
       2016-10-31 09:43:38 +08:00 via Android
    @gouflv 你有能力你一句话说明白他是干嘛用的,是做网站必须用的技术趋势吗。胡乱扯的离题万里的谈话者没有人喜欢性格的注定一辈子屌丝。
    murmur
        13
    murmur  
       2016-10-31 09:46:35 +08:00
    @skyboy 是的
    vuejs 在任何情况都能用,大了可以做单页面应用,小了可以替代你的模板和 jquery ,甚至为了一个很优秀的组件选 vuejs 都可以
    很多人提到 MVVM 就想到单页面应用,这是典型的思维江化,现在 MVVM 小的框架就算代替模板和帮你组件化都是值得的
    我认为现在阻碍 vuejs 发展的唯一问题就是很多人有国产=不靠谱的思维定式,而且 react 的却现在也是风头正旺,无论 github 的星星还是第三方组件都是碾压 vuejs 的多
    vuejs 在主页上总是比自己比别人多么好学,性能多好,但是明白人都知道不造轮子不得有足够的轮子才敢造车么
    skyboy
        14
    skyboy  
    OP
       2016-10-31 09:48:10 +08:00 via Android
    @Exin 我还学了 jquery , php , mysql , nodejs 。
    lijsh
        15
    lijsh  
       2016-10-31 09:54:54 +08:00   ❤️ 1
    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
        16
    Exin  
       2016-10-31 10:35:12 +08:00 via iPhone
    @skyboy 哦, so ?
    sun2920989
        17
    sun2920989  
       2016-10-31 10:52:15 +08:00
    额,要不还是先搞定 jquery 吧...慢慢来.当你觉得 jquery 在很多场景下不好用的时候再看看 vue 是不是能更好的解决这个问题.
    典型场景 ToDoList 也许算
    iyaozhen
        18
    iyaozhen  
       2016-10-31 11:05:51 +08:00 via Android
    @lijsh 赞,这个例子举的不错。做过后台管理的都是泪呀,用 jQuery Ajax 的话更新一个信息各种数据要变, DOM 操作满天飞。
    jin5354
        19
    jin5354  
       2016-10-31 11:17:39 +08:00
    @lijsh 感同身受..我也经常想不起操作 DOM 的 API..
    推荐你用下这个 http://youmightnotneedjquery.com/ 像查 jQuery 文档一样搜就好了,方便急了
    gouflv
        20
    gouflv  
       2016-10-31 12:45:37 +08:00 via iPhone
    @skyboy 知道也不想告诉你,再见
    WenJimmy
        21
    WenJimmy  
       2016-10-31 14:54:07 +08:00
    做个管理系统,数据绑定加上组件交互一系列操作。不要太好用。
    用 jquery 的话, js 文件里密密麻麻的$()会哭
    exoticknight
        22
    exoticknight  
       2016-10-31 14:56:16 +08:00
    自己做一个网站,先不用 vue ,然后再用 vue ,就知道有什么用了
    Parallel
        23
    Parallel  
       2016-10-31 15:34:48 +08:00
    如果处于前端刚刚入门的阶段(对于现在的前端发展来说可能离入门还很远),不建议去学 Vue.js 。
    建议还是先好好学 JavaScript ,然后学一下 jQuery ,去手动式的做 DOM 操作。和 Vue.js 是两种思维模式。
    用 Vue.js 一段时间,非常爽,数据双向绑定带来很多便利,不过个人感觉有点容易形成惰性思维,对于前端入门来说少了很多必要的思考和操作过程。
    Hstar
        24
    Hstar  
       2016-10-31 15:34:51 +08:00
    以前看 redux 的时候,看到过一句话。
    >如果你不知道这有什么用,说明你不需要它。
    Parallel
        25
    Parallel  
       2016-10-31 15:39:33 +08:00
    至于什么情况下用,个人觉得:如果要做单页面应用、前后端解耦、前端组件化、减少手动 DOM 操作、尝试新技术等方面,可以考虑 Vue.js 。
    dnxbf321
        26
    dnxbf321  
       2016-10-31 17:17:05 +08:00
    已经把公司小伙伴都带着写 vuejs 组件,传统的 jquery 怕是拾不起来啦
    shiny
        27
    shiny  
       2016-10-31 17:17:36 +08:00
    用了 Vue 觉得太爽了
    nfroot
        28
    nfroot  
       2016-11-01 09:11:25 +08:00
    我之前也发过类似的主题 非要一句话说清楚还真不容易 这个贴竟然还出现了冷嘲热讽……

    其实就是一般 JS 修改页面,先定义变量,再对 DOM 进行对应修改,而 VUE 就免去了对 DOM 的操作,你只要修改变量,页面就自动修改了 这样就很方便用来做单页网站(页面无需跳转 每次都是局部刷新)

    关键是方便
    mingyun
        29
    mingyun  
       2016-11-02 22:02:51 +08:00
    @lijsh 赞一个,这么说我也要尝试下
    HLT
        30
    HLT  
       2017-01-23 18:22:20 +08:00
    我认为还是再打牢一下基础
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3403 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 20ms · UTC 10:47 · PVG 18:47 · LAX 02:47 · JFK 05:47
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.