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

vuejs 什么情况下用

  •  
  •   skyboy 2016-10-31 08:27:42 +08:00 via Android 11207 次点击
    这是一个创建于 3330 天前的主题,其中的信息可能已经有所发展或是发生改变。
    刚学会 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  
    PRO
       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     Solana     2734 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 29ms UTC 09:12 PVG 17:12 LAX 01:12 JFK 04:12
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86