朕的博客

前言：在开发中偶然检查Network请求的时候发现，在页面中created钩子函数中请求了一个接口，但是页面这个页面加载的时候，接口会连续请求两边，然后我就排查是否有其他地方调用了同样的接口，检查了好几遍后发现并没有，WTF，然后我在created中打印了一下，惊奇的发现。。。created会执行两次打印。。。WTF、WTF、WTF，小朋友你是否有很多问号？？？，然后试了下，不光created会执行两遍，mounted也行，就连watch里面监听的也会，握草（草是一种植物），此处省略我咔咔排查了一个小时各

前言：我们有时候在项目中储存的store数据只要一刷新页面，数据就被清空了，在其他页面加载的时候就获取不到数据了，但是咱们又没有办法控制用户不允许刷新页面，所以咱们来解决了它，解决思路就是利用浏览器的本地存储，localStorage或者sessionStorage，监听页面要离开或者刷新前，将store储存到本地，下次进入页面的时候取出来重新赋值给store就可以了，代码开发步骤如下：第一步：我们在plugins文件中建立一个store-cache.js文件，在store-cache.js中添加以下

前言：因为nuxt项目是运行在于服务器端的项目，所以就必须启动对应的服务才能访问到网站，就类似与我们本地开发的时候使用终端命令行执行npm run dev一样，使用过npm run dev的童鞋都知道如果在运行中的时候讲命令行工具关闭或者结束进程，咱们的网站就访问不了了，同样在服务器端也存在这种问题，比如服务器中断了，都会导致网站无法访问，所以这个时候咱们就需要使用pm2来做一个进程守护，具体添加pm2的流程及配置见下文：一、使用pm2之前我们需要先进行安装pm2包，在我们本地开发也好，或者在服务器上操

前言：vue-awesome-swiper是swiper在vue中可以使用npm安装的一个包工具，里面的配置及使用方法都和原生的swiper是一模一样的，完全可以按照官方api进行开发，今天主要是说一下在vue中如何使用原生提供的一些方法。在vue中想要使用swiper的方法，直接调用是会报错的，因为获取不到swiper的原始对象，swiper是作为一个组件，然后引入到页面中的，所以我们想要使用它的原始方法，就需要使用vue中父组件调用子组件数据的方法（给子组件添加ref属性）第一步，在swiper组

前言：nuxt.js是基于vue的一套可实现SSR服务端渲染的前端框架，所以要使用nuxt.js，前提是需要会vue，因为nuxt.js开发规则和vue相同，只是在vue的基础上扩展了一些功能。本节教程题纲：安装node环境和vue-cli基于vue安装nuxt本地运行nuxt教程正文：安装node环境和vue-cli：node.js可通过node官网进行下载安装，详细的可以...