hmxxmh
V2EX  ›  Vue.js

入门 vue 有什么好的教程吗

  •  
  •   hmxxmh · Jul 11, 2019 · 6408 views
    This topic created in 2673 days ago, the information mentioned may be changed or developed.

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

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

    如果 Node 工具链是刚需,或者你就是想正儿八经学习现代前端开发的话,在学习 Vue 本身的使用之余,了解一下 Webpack 是个什么东西(但不用上手学习其使用),然后了解 Vue CLI 的基本使用,再把手头一个没有用到 Node 工具链的项目(规模可大可小)转写成 Vue SFC (单文件组件)并成功跑起来,你就算入门了。
    hmxxmh
    hmxxmh
    OP
    Jul 12, 2019 via Android
    15
    @SilentDepth 谢谢大佬的指导😉
    zlstll
    zlstll
    Jul 12, 2019
    16
    @15651980765 方法靠谱
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   5258 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 59ms · UTC 02:19 · PVG 10:19 · LAX 18:19 · JFK 21:19
    ♥ Do have faith in what you're doing.