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

入门 vue 有什么好的教程吗

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

    跟着官方文档来,还是看视频 之前有照着文档直接引入 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 站看下视频
    aaa5838769
        8
    aaa5838769  
       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   ·   我们的愿景   ·   实用小工具   ·   3145 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 36ms · UTC 13:01 · PVG 21:01 · LAX 06:01 · JFK 09:01
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.