开篇:想通过输出Vue系列文章,让大家全面理解Vue的实现原理,掌握实用技巧,能在实战中使用Vue,解锁一个开发技能。
内容大纲在文末。现在开始内容:
1.为什么用Vue?
官网:易用、灵活、高效
翻译成人话:省时省力=>省钱
以前用JQuery,业务逻辑和UI更改混在一起,业务复杂的时候,手动管理UI状态非常繁琐,尤其手机端的单页面程序,Vue只关注数据。
举个例子,过年了,你想吃红烧肉,
jquery去实现思路就是:
烧水、把肉切成块,煮熟,烧热油,炖,加调料,出锅,关火,但是如果工序特别多,完了,你可能到下午也吃不上,另外也可能因为步骤弄错了,味道不好。
翻译成官话,业务逻辑和UI更改混在一起,要详细知道过程。
Vue去实现思路是:
1kg肉 + 500克调料 + 2勺油 + 50g调料,扔到微波炉里,调到大火位置,20分钟后吃就行了。你只要算好各种食材的比例,不用关心做菜的过程,Vue就是那个微波炉。
翻译成官话,数据驱动,玩的就是数据。
Vue、React、Angular各有各的好处,但是Vue上手确实容易。
官网:
https://cn.Vuejs.org/index.html
npm install -g Vue-cli
Vue init webpack helloworld
配置如图所示:
cd helloworld
npm run dev 开发
npm run build 编译
在浏览器输入:
(文章有这个链接就不能发布、大家都明白,就是本地8080)
看到Vue,就跑通了。
从Vue基础开始,循序渐进,含有常用实战项目,贴近企业真实现状。
让大家全面理解Vue的实现原理,掌握实用技巧,能在实战中使用Vue,解锁一个开发技能。
内容:Vue基础概念 + 常用实战训练 + 必要操作
入门:
实战:
小伙伴们请持续关注,有任何学习问题,都可以留言交流!
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。