入门 vue 有什么好的教程吗 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
hmxxmh
V2EX    Vue.js

入门 vue 有什么好的教程吗

  •  
  •   hmxxmh 2019-07-11 15:11:55 +08:00 5562 次点击
    这是一个创建于 2349 天前的主题,其中的信息可能已经有所发展或是发生改变。

    跟着官方文档来,还是看视频 之前有照着文档直接引入 vue.js 写过一点,那直接引入 vue.js 与使用脚手架有什么区别 大佬们,给点意见

    16 条回复    2019-07-12 08:47:15 +08:00
    Maxzel
        1
    Maxzel  
       2019-07-11 15:17:41 +08:00 via Android
    用 element 直接做个项目
    ruyuejun
        2
    ruyuejun  
       2019-07-11 15:20:15 +08:00
    使用直接引入,和脚手架在最后的生产环境中没多少区别,脚手架生成的应用最后打包后也是引入。
    一步一步看官方文档,然后按照一楼说法用 element 做个前端项目,自然就知道怎么回事,什么区别
    hewelzei
        3
    hewelzei  
       2019-07-11 15:20:43 +08:00 via Android
    官方文档简单明了,对着撸 Demo 就可以了
    hewelzei
        4
    hewelzei  
       2019-07-11 15:25:14 +08:00 via Android   1
    @ruyuejun 直接引入和脚手架构建差多了,直接引入的 Vue 代码包涵运行时和编译器,且无法按需引入无法组件化; 而脚手架编译后的代码是没有编译器的,运行时也会根据需求引入,可以组件化,代码复用率大大提高。
    ruyuejun
        5
    ruyuejun  
       2019-07-11 15:26:23 +08:00
    @hewelzei 到位
    hmxxmh
        6
    hmxxmh  
    OP
       2019-07-11 15:26:40 +08:00 via Android
    前端只会 jq,项目需要得用 vue,听大家的先照着文档撸一遍。
    greenhat233
        7
    greenhat233  
       2019-07-11 16:00:30 +08:00 via Android
    可以去 b 站看下视频
    MilkShake
        8
    MilkShake  
       2019-07-11 16:18:18 +08:00
    我在网易课堂找的视频学的 = =
    15651980765
        9
    15651980765  
       2019-07-11 16:33:57 +08:00
    1.直接引入 vue.js ,跟着官方文档把前面的基础语法撸一遍;
    2.在 1 的基础上写一个简单的 todolist ;
    3.看一下 vue 脚手架,再在脚手架上把 todolist 写一遍并跑起来;
    4.学习一波 vue-router,去 github 上找一个简单的 vue 项目练手;
    5.学习一波 vuex,再找个稍微复杂的项目练手。
    deathscythe
        10
    deathscythe  
       2019-07-11 16:54:09 +08:00
    最近在看 React, 觉得 Vue 真得好上手
    jiom
        11
    jiom  
       2019-07-11 17:39:45 +08:00
    @15651980765 我当初也是这样入门的 哈哈哈哈
    hmxxmh
        12
    hmxxmh  
    OP
       2019-07-11 17:53:04 +08:00 via Android
    @15651980765 好的,多谢大佬
    hmxxmh
        13
    hmxxmh  
    OP
       2019-07-11 17:59:23 +08:00 via Android
    @deathscythe 三大框架好像是 vue 上手快
    SilentDepth
        14
    SilentDepth  
       2019-07-11 23:45:47 +08:00   1
    如果 jQuery 本身就能满足业务需要,那大可不必立刻上 Node 工具链( Vue CLI 也不用),把 Vue 当 jQuery 用就好,从个别模块开始逐步替换到整个业务应用。Vuex 和 Vue Router 也可以在这个过程中按需引入(就跟引入一个 jQuery 插件一样)。只要没有业务需求,全程不用碰 Node。

    如果 Node 工具链是刚需,或者你就是想正儿八经学习现代前端开发的话,在学习 Vue 本身的使用之余,了解一下 Webpack 是个什么东西(但不用上手学习其使用),然后了解 Vue CLI 的基本使用,再把手头一个没有用到 Node 工具链的项目(规模可大可小)转写成 Vue SFC (单文件组件)并成功跑起来,你就算入门了。
    hmxxmh
        15
    hmxxmh  
    OP
       2019-07-12 08:42:22 +08:00 via Android
    @SilentDepth 谢谢大佬的指导
    zlstll
        16
    zlstll  
       2019-07-12 08:47:15 +08:00
    @15651980765 方法靠谱
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     897 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 36ms UTC 20:38 PVG 04:38 LAX 12:38 JFK 15:38
    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