摄影:产品经理寿喜锅

很多人在学习一门新技术的时候,不去看官方文档,而是喜欢直接在网上搜索别人的教程。如果运气不好搜索到了CSDN上面的装逼货辣鸡文章,那么你的学习生涯可能就此终止。即使搜索到写得很详细的正经文章,也可能因为文章不是面向初学者的,从而严重打击你的学习积极性。今天我们以学习Vue为例,说明这样做对你有什么危害。

看博客有什么问题

如果你在搜索引擎上面搜索『Vue入门』,你会看到很多号称xx分钟入门Vue的博客,都是用vue-cli来讲解的,大概像下面这样:

image.png

别人一个初学者,可能就是想学学如何在前端页面上把一个js变量显示出来。结果你一来就搞出这么多个文件出来?router是什么鬼?components又是什么鬼?

毫无疑问,组件化是一种非常好的开发方式,但并不适合初学者。初学者看到这么多个文件,甚至都不知道要修改哪个文件。

为什么文档更好

我们来看看Vue的官方文档[1]。从安装到使用,非常简单。安装,只需要在html文件里面引用一个js就好了,如下图所示:

image.png

并且,官方文档明确说明,不推荐新手使用vue-cli

image.png

接下来,文档给出了一个非常简单的例子:

image.png

根据这个例子,我们自己来写一个网页。我们创建两个文件:test.htmltest.js。其中,test.html的内容如下:

<html> <head>   <title>学习Vuetitle>    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js">script>  head>  <body>    <div id="app">{{content}}div>    <script src="test.js">script>  body>html>

test.js的内容如下:

var app = new Vue({  el: '#app',  data: {    content: '你好!'  }})

这两个文件放在一起,然后直接双击打开test.html。运行效果如下图所示:


然后,我们打开开发者工具,对app.content重新赋值,如下图所示:


可以看到,当我们敲下键盘的瞬间,网页上的内容也自动发生了改变。这也就是Vue的数据绑定DOM。同理,如果我们想做Ajax异步加载的话,请求了后端接口以后,只需要更新app对象的一个属性值,页面上的数据也就自动更新了。

大家可以阅读Vue的官方文档,可以发现Vue确实非常简单。

总结

从Vue的这个例子里面,我们应该看到,实际上学习一门技术,最好的地方就是它的官方文档。而不是在搜索引擎上到处搜索辣鸡博客。


Python 程序员深度学习的“四大名著”:

这四本书着实很不错!我们都知道现在机器学习、深度学习的资料太多了,面对海量资源,往往陷入到“无从下手”的困惑出境。而且并非所有的书籍都是优质资源,浪费大量的时间是得不偿失的。给大家推荐这几本好书并做简单介绍。

获得方式:

1.扫码关注 “高富帅程序员” 公众号2.后台回复关键词:4books注:此处建议复制,不然容易打错

▲长按扫描关注,回复4books即可获取

pywin32官方说明文档_为什么你应该看官方文档而不是搜索博客文章相关推荐

  1. Spring Boot配置文件规则以及使用方法官方文档查找以及Spring项目的官方文档查找方法...

    比如要使用Spring Boot实现一个功能,最直接的方式是Google,但是往往搜索出来的都比较乱,关键是乱在不同的版本上,比如1.x版本和2.x版本的配置是不一样的.最明显区别是在使用Thymel ...

  2. 反正你们写的都是没有即时演示的鸡肋教程,我为什么不去看官方文档?

    By Conmajia 我就拿Vue举个栗子. Vue.js是什么,我想你多半知道,我也甭废话了. 这几天看到写Vue教程的文章突然多起来了.不过,就我所见,在这里发表的所有教程文章,都不支持即时演示 ...

  3. 文件标识符必须为双精度类型的整数值标量_【翻译】VTK官方文档 - vtk文件格式

    本文翻译自vtk官方文档:vtk_file_format 文末有链接 VTK提供了许多源对象和编写器对象,用于读取和写入流行的数据文件格式,此外,VTK也提供了自己的文件格式.创建一种数据文件格式的主 ...

  4. 微信小程序如何实现支付功能?看官方文档头疼(使用云函数的方式操作)

    先来个效果图  ^_^ 微信支付功能,个人公众号是没有办法进行开发支付功能的,需要是使用非个人公众号进行注册(如:营业执照等,可以去淘宝购买一个也行 大概500左右) 公众平台的配置可以参考文档,这里 ...

  5. 【官方文档】Fluent Bit 1.8 官方文档

    文章目录 1. 产品特点 2. Fluent Bit,Fluentd,CNCF 官方文档地址: Fluent Bit v1.8 Documentation Fluent Bit 简介 Fluent B ...

  6. 【游戏开发实战】Unity老工程师开始搞Laya了,不想看官方文档,那就看我的教程吧(Laya2.12.0版本 | 案例 | 入门 | 教程)

    文章目录 一.前言 二.我做的Laya案例集合工程 三.LayaAir IDE下载 四.Hello World工程 1.新建空项目 2.新建场景:HelloWorld.scene 3.创建一个Labe ...

  7. 如何快速掌握oracle,教你如何快速从 Oracle 官方文档中获取需要的知识

    以下链接可查看 11g 到 20c 的在线官方文档. https://docs.oracle.com/en/database/oracle/oracle-database/index.html 如图, ...

  8. Element-UI 要怎么学?官方文档!

    Element UI Element UI 介绍 安装 Element UI Element UI 组件使用 Basic 组件 Button 按钮 Link 文字链接 Layout 布局 Contai ...

  9. office@word官方文档查看@审阅@批注@修订

    文章目录 office官方文档 microsoft office 文档@教程语言切换 文档官网 word官方培训资源 找到合适的文档 word@共享@共同创作的相关支持 word审阅 重点 修订 批注 ...

最新文章

  1. QCOW2/RAW/qemu-img 概念浅析
  2. 一个人自学会java有用吗,大连java程序员培训经历(自学Java可以吗)
  3. leetcode 11容纳最多水
  4. 一次U3D DLL加密的记录(二)
  5. 求生欲很强!魅族16s Pro正式发布,2699元起
  6. php 微信pic_url,一段代码实现微信公众号开发校园图书馆
  7. SQlite数据库的C编程接口(八) 工具函数(Utility Functions) ——《Using SQlite》读书笔记
  8. 决定论的科学家认为,自我是大脑的随附现象,自由意志是一种幻觉
  9. asp.net 404页面
  10. Python书籍推荐:《Python编程之美:最佳实践指南》
  11. 萌萌机器人布娃娃图片_萌萌机器人教程
  12. STM32F207时钟系统解析
  13. Ubuntu系统下载
  14. Tableau入门(一):条形图、堆积图、直方图绘制
  15. 计算机画图图形组合教案,绘制简单的图形教案
  16. zencart模板分析
  17. windows7 安装哪个版本的vs_轻钢龙骨vs木龙骨 吊顶安装选哪个好,看完立刻做出了选择...
  18. 计算机新建里没有word,电脑新建中没有word和excel怎么回事
  19. VS源文件提取工具vsjuicer 实现细节
  20. 使用R语言从网易财经批量获取股票数据并进行整合的方法

热门文章

  1. CSS隐藏内容的三种方法比较
  2. 关于Java String对象创建问题解惑
  3. string : undeclared identifier 出错原因
  4. 函数的返回竟然能作为左值
  5. Sharding-JDBC(操作公共表)_Sharding-Sphere,Sharding-JDBC分布式_分库分表工作笔记013
  6. Netty工作笔记0047---Http服务程序实例
  7. ASP.Net学习笔记003--网站和WebApplication的区别
  8. VS2008文档自动生成
  9. php 解决跨域问题
  10. linux下gdb调试程序