首先安装npm install vue-i18n然后在main.js 中引入：import Vue from 'vue'import VueI18n from 'vue-i18n'Vue.use(VueI18n)配置相关文件在 src 根目录新建一个 language 文件夹里面放置一个 index.js 和其他语言包，这里以中英文为例，// index.jsimport messagesE

1. 前言由于 Parcel 打包工具的影响，webpack4 也追求零配置搭建项目。而前阵子出现的 vue-cli 3.0也是基于 webpack4 零配置的思想创建的。对于一些习惯webpack3 的开发者难免有些不习惯。本文就带你绕过 vue-cli，用 webpack4 一步步搭建 vue 项目。注：（本文讲述的是webpack4基础配置，文章有点长，请耐心看完。或者直接查看项目源...

开发一个简单的脚手架工具前言像我们熟悉的 vue-cli，create-react-app 等脚手架，只需要输入简单的命令 vue init webpack project，即可快速帮我们生成一个初始项目。在实际工作中，我们可以定制一个属于自己的脚手架，来提高自己的工作效率。为什么需要需要脚手架？减少重复性的工作，不再需要复制其他项目再删除无关代码，或者从零创建一个项目和文件...

最近研究了 DatePicker 的实现原理后做了一个 vue 的 DatePicker 组件，今天带大家一步一步实现 DatePicker 的 vue 组件。原理DatePicker 的原理是——计算日历面板中当月或选中月份的总天数及前后月份相近的日子，根据点击事件计算日历面板显示内容，以及将所选值赋值给<input/>标签。实现CSS

1.安装better-scroll在根目录中package.json的dependencies中添加："better-scroll": "^0.1.15"然后 npm i 安装。2.封装代码将better-scroll封装成两个基础组件slider和scroll放于src/base文件夹中。slider.vue 代码<template><div class="slider" ref="sl

1. 省市区数据表prpvinces.js温馨提示：该数据表未按 eslint 语法编写，因此会报错。事先将 eslint 关闭问题即可解决。关闭方法：找到 build&gt;webpack.base.conf.js&gt;module.exports&gt;module&gt;rules删除以下代码：{test: /\.(js|vue)$/,loader: 'eslint-loader'

提出问题最近在做项目发现一个问题，当我使用了 keep-alive 标签后，进入了某个路由进行一系列操作，再点击浏览器后退，再次进入刚才的路由，页面被操作的数据没有初始化！分析问题这是因为 keep-alive 将路由页面缓存，所以该路由没有完成整个生命周期，没有 destroyed，因此重新进入也没有触发其他生命周期钩子，如 created 等。解决问题（1）. 查看官方文档

背景最近公司在做一个快递柜项目，需要与快递柜设备端进行实时通讯，因此接触了 websocket.websocket 作用简单的说： 传统 http 通讯一次交互数据后就断开连接了，服务端没法主动向客户端推送信息。 而长连接的 websocket 解决了这一问题下面会有一个简单的例子介绍 socket.io.js 的使用github 代码地址将...