DevOps海洋的渔夫

使用npm下载镜像默认是采用国外的镜像地址的，那么当在国内使用国外的地址来下载软件，那么肯定存在网络缓慢的过程。 那么这时候就要考虑切换国内下载镜像。但是这样也有一个问题，切换国内镜像有些时候挺麻烦的，这时候就可以使用nrm这个工具来进行镜像地址切换。 那么下面来演示一下安装使…

前面在写名称拼接案例的时候使用了keyup监听文本框，还使用了watch来监听数据变化，那么本篇章来使用computed计算属性来监听实现。 那么在使用之前，先来看看computed属性的官网说明。 模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的…

上一篇章使用watch组件通过监听文本框的参数变化，实现了名称拼接的案例。这种业务使用事件监听都可以处理，但是如果需要监听网页的URL地址变化，这样事件监听肯定是做不了的。那么此时就可以使用watch来实现了。 这时候可以监听路由的对象this.$route.path变化来处理…

上一章节，我才用了监听keyup事件的方式，实现了一个名称拼接的案例。那么其中Vue框架提供一个watch组件，可以用来监听数据的变化，然后再执行相关的业务方法。 那么，本篇章则可以使用watch来实现。下面先来看看官网的基本功能说明。 虽然计算属性在大多数情况下更合适，但有时…

在日常开发中，经常会有计算或者拼接输入框内容，然后在另一个输入框呈现的场景，例如：计算器、拼接名称等等。 其中 姓名 由 姓氏 + 名称，下面来实现一下。 可以看到data的值已经与文本框对应上了。

在Vue.js的框架中，如果要发送ajax请求是需要借助外部库的。在vue1.0版本官方推荐的vue-resource、vue2.0版本官方推荐的axios，或者也可以使用jquery来发送ajax请求。 那么本篇章主要来介绍使用axios库来发送ajax请求。 Axios 是…

在前面的路由篇章中，我在写router-view的时候并没有什么特征标识，也就是所有路由映射的组件都可以显示出来。但是在一些经典后台布局中，一般什么组件在哪里显示是需要固定好的，如下： 好了，下面来写一个小例子。 在创建了这三个区域的组件之后，下面就是考虑如何在首页一个路由/下…

可能这一句话不能够直接说明情况，下面来直接看例子。 可以从上面看到，我在写regster和login的路由路径是/account/register和/account/login，其实跟/account路由没有太大的关系。 只是简单写了个前缀而已。 可以看到，父组件app下只能直…

上一章节讲解了vue-router的基本使用，本章节来开始看看如何在路由中设置参数。 那么继续使用上一篇的例子，给设置router-link的路径设置参数。 都可以看到参数的id已经被探测到了。 那么如果需要打印出id的数据，只要这样写就可以了this.$route.query…