如何自学 Vue 呢

2020-02-20 21:55:26 +08:00
 Cy86

自学了 1 年 Python 后, 学了 3 天 Golang, 能用 Go 写个爬虫,Python 也可以, 但大多用 Django 或者 Flask 写后端, , 简单的 HTML 和 JS css 都会用,能做出前端, 能用但是太丑了

发现很多人说 Vue 做前端好用, 而且也好看.

之后我看了 Vue 官网和网上教程 不知道怎么下手, 看了很久没明白这东西是什么, 像 react 和 Vue 一直没明白,

目前陷入懵逼状态, 就像在找撕开胶带的那一条边, 只要找到了便能一路学下去

请问各位: 如何入门 Vue 呢, 需要先了解哪些前提条件呢

10573 次点击
所在节点    Vue.js
70 条回复
shintendo
2020-02-20 22:08:11 +08:00
vue 跟丑还是好看没有任何关系
airyland
2020-02-20 22:08:44 +08:00
Vue 官方文档很详细了,不要只看,开始照着写,很快就入门了。
pastgift
2020-02-20 22:11:52 +08:00
vue 看官网教程就行了,一般 vuex,vue-router 一起来
UI 想好看直接 element-UI 就好,一样看官网文档即可
两个都是国产,文档和设计都挺符合国人脑洞的
3K1yf6UvnVz5w008
2020-02-20 22:17:03 +08:00
好看不好看 跟 vue 无关吧
跟框架有关吧
EyreYoung
2020-02-20 22:19:11 +08:00
这是 js 框架,单纯方便写代码,跟好不好看没关系。ant design element-ui 啥的才是外观。
tonytonychopper
2020-02-20 22:24:01 +08:00
好不好看跟 Vue 没有关系
DOLLOR
2020-02-20 22:29:56 +08:00
官网教程
https://cn.vuejs.org/v2/guide/

先从最简单的标签引入开始,不要急着就上构建工具。
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
cmdOptionKana
2020-02-20 22:42:10 +08:00
我猜你的问题在于,一直学习的编程方式都是线性逻辑的,也就是说,必须先写第 1、2、3 行代码,然后第 4 行代码才有意义,它们的前后顺序非常明确。

而 Vue 的编程方式是非线性的,数据驱动的。

学习 Vue 的时候,请注意把思维拆成两个部分:1.界面布局,2.填充数据。

一般来说,你应该先大概弄好界面布局,然后通过改变数据来出发界面的变化。

比如你看这里 https://cn.vuejs.org/v2/guide/ 其中 “条件与循环” 部分,它教你 “在控制台输入 app3.seen = false,你会发现之前显示的消息消失了”,这个通过改变数据来改变界面的思想是关键,请仔细品味这个例子。
labulaka521
2020-02-20 22:44:57 +08:00
看下 js html vue 官网过一遍就 OK 了
zhw2590582
2020-02-20 23:42:10 +08:00
前期什么都不要配置,像 webpack,bable 什么的不要管,像 jq 直接引入先熟练一下
cuberlzy
2020-02-21 05:07:40 +08:00
vue 和开发体验、性能等有关系……好不好看的,瞅瞅 antd 之类的吧
mrcotter2013
2020-02-21 05:18:46 +08:00
UI 可以从参考别人的开始,这个需要学习一些入门的设计和配色,包括工具的使用
murmur
2020-02-21 07:45:43 +08:00
1、掌握最基本的 css、html、js 基础
2、找个 ui 框架,直接 init 一个空项目
3、了解 vue 的 data、模板、组件化、三段式写法
4、恭喜你已经可以开始干活了
murmur
2020-02-21 07:46:11 +08:00
丑是正常的,要么抄要么用模板,不要一开始就自己做设计
mikulch
2020-02-21 08:45:38 +08:00
@murmur 每个前端的帖子里面都有你
justin2018
2020-02-21 08:47:03 +08:00
看官方文档 或者 看视频

https://91maipian.com/lives/find?keyword=vue 这个网站有的教程还不错 可瞅瞅 😅
gg53kjh
2020-02-21 08:58:47 +08:00
做前后端分离项目就行了
KuroNekoFan
2020-02-21 09:00:47 +08:00
先学 html js css
zdxddt
2020-02-21 09:07:16 +08:00
个人觉得,先快速看一眼文档,了解一下语法, 然后找一个脚手架项目, 然后在它的基础上修改成一个自己的项目, 这样入门会比较快。 这样不需要在新手阶段花大量的时间去关注配置,只需要关心 vue 的代码就好了。
catch
2020-02-21 09:15:20 +08:00
看过不少后端说学 vue 只要一天

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/646221

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX