如何自学 Vue 呢

[Cy86]

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

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

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

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

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

[Hanggi]

为什么要学 Vue ？学别的不好吗？

[murmur]

@Hanggi 在有前端基础的情况下，学 vue 和学 jquery 难度差不多，你如果一个页面一个页面 script 标签引用，把 vue 当高端模板引擎用都可以
显然 react 这种连模板 if 和模板 for 都没有的，不得行

[cmdOptionKana]

@sairoa 我复制黏贴你的代码，能正确显示。在控制台输入 app.$data.message = 'Ha ha ha!'，也能使页面内容发生变化。

<script src="{{url_for('static', filename='js/vue.js')}}"></script>这句，显然你用了一个 html 模板，而这个模板恰好也是用双重大括号来转义，那么，{{ message }} 可能会被转义为别的东西。

我猜就是这里有冲突。

[hackyuan]

看你说丑，那跟 Vue 是没有什么关系的。
1. 首先你得先看大量的设计、学习布局样式配色。
2. 然后再学习 CSS 来实现上步。

[sairoa]

@cmdOptionKana 多谢啊，亏得我前两天还去查 jinja2 和 vue 冲突问题来的，一下子就点醒我了，在 vue 代码部分禁用 jinja2 就好了。

[cndydb]

b 站上不是一大堆教程吗 刚还在看呢 看几天了解一下大概 想熟练就多敲敲 前提是你要有 js 基础 前端框架都是大同小异

[Hanggi]

@murmur 今天才知道有这么多人被 Vue 忽悠成这样。难怪 Vue 在国内这么火，洗脑成果？

[pushyzheng]

vue 美的原因是有很多 UI 框架可以信手拈来？

[hmxxmh]

ps：我之前有发过类似的帖子，粘贴了一段我觉得挺不错的回复
1.直接引入 vue.js ，跟着官方文档把前面的基础语法撸一遍；
2.在 1 的基础上写一个简单的 todolist ；
3.看一下 vue 脚手架，再在脚手架上把 todolist 写一遍并跑起来；
4.学习一波 vue-router，去 github 上找一个简单的 vue 项目练手；
5.学习一波 vuex，再找个稍微复杂的项目练手。
一起学习，楼主有啥好的基础项目可以发一下我呀

[grewer]

@murmur
因为 react 不需要 模板 if 和模板 for ,直接用 js 的 && ?: 数组的 map 就可以实现,何必多此一举

[murmur]

@pushyzheng 你写企业应用的话，复杂的表格、表单，写出来的 template 和最终渲染结果几乎没什么区别
同样的内容，用 vue 写，不做他几层封装，乱的没法看
我每写一个 class 就比你 className 少四个字母，我不换行一屏能看完的东西你得分几段
还有 dangerouslySetInnerHTML 这是什么垃圾命名，你说我危险我就不敢用了，欺负我是厦大的？
我就需要一个模板系统，我只做单纯的展示页面，curd，你给我那么多特性我也没用啊

[gz911122]

@dcoder 不等了,我们讲究能用就行,不 care 什么 2 啊 3 啊的

[murmur]

*更正，第二行 vue->react

[KuroNekoFan]

看了一些评论感觉：不想细看 js 就算了，但是要好歹懂得 html how to work，基本的 html 元素了解一下，基本的用户交互流程，概念，事件了解一下好吧……

[alphardex]

UI 好看跟 Vue 关系不大，纯 HTML+CSS+JS 也能写出高颜值的 UI，可以参考下我的原生作品集： https://codepen.io/alphardex/pens/public

[soho176]

vue 不是适合做单页面应用吗？如果是 pc 网站 用 vue 好像不合适吧，不利于 seo

[fescover]

直接去搜 vuetify，跟着官网敲页面，立马就能明白

[WilliamLin]

看 vue 官方文档，然后用上 vux，抄 demo 去，再加上看看 vux 的源码，很快就能来感觉了

[dcoder]

@gz911122 回头 Vue3 出来后, 又新学一波新的 best practices, 好麻烦...

[tuomasi]

后端不要学前端，把时间用在精通后端上面，牛逼一点的后端都是套模板，敢于承认自己前端水，然后把繁琐的前端工作推给别人，但是在老板心里，掌握数据的那个人最重要