vue的官网介绍

407 阅读3分钟

「这是我参与11月更文挑战的第2天,活动详情查看:2021最后一次更文挑战」。


为什么要学vue.js的原因我上一篇已经说过了,现在我就来教一下大家学vue.js要怎么查看vue.js的官方文档:cn.vuejs.org/

首先打开vue.js的官网,我这里已最新版本为例;官网打开后主要是看导航区而这个导航区里面最重要也就是学习使用这部分了也就是教程API了,这个教程其实很简单就是vue官方出的入门vue的小文档按文档上的一步一步来也可以上手vue,所以大家可以去查看一下;

e3d6bdeb99cb90a6bd60743ff357658.png

至于这个API也就是vue的字典了。vue的官方已经把vue的全部属性以及方法啊事件这些都已经罗列出来了,当我们遇到不会的写着写着代码发现不会的就可以来vue官网来查API了,就这样我们做着做着就自然而然的把vue的API基本都记住了;所以我们不需要从一开始就一个一个的方法去背去记,这样会让你的入门难度加大,所以我认为这不是一个合理的做法。

a45b9207ffc3075212d9152f1f946cb.png

这些掌握之后,大家的vue已经算是略有小成了;接下来我说说其他可以加分的项目,也就是导航其他的内容: 风格指南就是教大家使用代码的规范化,他给几个优先级a,b,c,d一共是四个级别;其中a级是最高,他也是有提示的a是必须有的也就是说不能修改改了可能会报错,至于其他的bcd三个等级可以看我们自己的团队代码规范情况做一定判断。我们的代码不是弄的越复杂越好,而是越简单越好的,能短能简便就简便的写,千万不用写一大堆无用的代码,这样的后果就是代码体积增大,工作量也增大,后续修改也麻烦。

ad3135049b4736c496923b86d39f423.png

示例:就是vue官方给的一些用vue写的小案例,可以给大家提供一些写代码的思路,就比如下面的GitHub提交案例等等大家有兴趣可以查看一下;

8d57ddcdc4771f5215f12865bb2903e.png

Cookbook:就是vue给大家的一些小技巧,像js的基本功,vue的技巧等等的就比如说你可能你已经会写vue的项目了,但是你写出来的方法不一定是最好的,一些小技巧你没有用到,可能只需要这个技巧你vue的水平就可以做到最后的突破,所以建议大家学习和了解这些技巧功能。

56f8195b47edd657787e5eacc34169b.png

至于后面的的导航最主要就是生态系统这部分中的工具和核心的插件了,但是学这些需要先把vue的基础学好在上手会好一点;当你底层的代码都不知道是看不懂工具打包好的代码的;所以vue官方会在教程第一步就说不推荐直接使用这些工具。

b3f888258385e1320780e607efeacc6.png

在然后就是vue的开发人员的介绍和谁给过vue赞助等等大家有兴趣可以了解一下;

3b2208a3a7a9a6006a28ec317a42020.png

vue的官网已经讲完了,本期已经结束了,后面的我还会讲讲具体使用的vue代码和用vue来写一些小的案例。下期见;