一、前言   趁着10月的最后一天，来写一篇关于前端国际化的实践型博客。国际化应该都不陌生，就是一个网站、应用可以实现语言的切换。   在这就不谈原理，只说说如何实现中英文的切换。做技术的总得先把 demo 做出来嘛。 二、demo 场景需求分析 需求很简单，左上角 ‘’网易云音乐‘’就是一个中英文切换的按钮，点击弹出提...

在这个 vue 系列的第一篇文章，我写过是 vue-cli-simple 脚手架的环境搭建。前段时间，也刚好给公司做了一个后台管理系统的产品，用的就是 vue-cli-simple。 一个月的时间将系统从无到上线，组件化、模块化开发的非常快速、可读性、复用性，整理架构清晰，易管理、维护。

当我们将 vue 项目完成后，面临的就是如何将项目进行打包上线，放到服务器中。我使用的是 vue-cli（simple） 脚手架，所以就讲一下如何将项目进行打包，并放到 tomcat 上。  如果是 vue-cli (非 simple 脚手架)，这篇文章可能有点帮助。地址链接：vue-cli 如何打包上线

1、前言 {代码...} 2、模型设计 3、实现方法 1、方法一 {代码...} 首先在 util.js 单独文件中写两个方法： 在组件中引用，测试了无法在 main.js 中全局引用（有方法请告诉我）： {代码...} 调用： {代码...} 2、方法二： {代码...} 首先在 util.js 中写方法： 在 main.js 中进行全局引用： 调用： {代码...} 其实我想要...

这次来讲一下表单验证插件 VeeValidate,那为什么要结合 Vue 来讲呢？来看一下 github 上的图片就明白了！   为 Vue 而来的！不清楚是不是 Vue 的官方表单验证插件。   废话不多说直接显示效果： {代码...}   为什么需要用表单验证插件，想想自己重写过几次表单验证，重复造轮子相当的痛苦，当然你可以自己造一套通用的组...

vue 中如何支持异步请求 1、vue 支持开发者引入 jquery 使用 $.ajax() 1、首先，在 package.json 中添加 jQuery，然后 npm install {代码...} 2、在 webpack.config.js ( 这边用的 vue-cli-simple 脚手架 ) {代码...} 3、最后，在全局（main.js）中去引用 {代码...} 2、vue.resource（ 2.0后不再更新） 1、 npm 安装 vue...

百度地图JavaScript API是一套由JavaScript语言编写的应用程序接口，可帮助您在网站中构建功能丰富、交互性强的地图应用，支持PC端和移动端基于浏览器的地图应用开发，且支持HTML5特性的地图开发。

Echarts 是数据可视化中佼佼者！推荐大家可以玩一玩，非常实用！   如果第一次接触Echarts的同学，这边有我以前写过的一篇入门：浅谈Echarts3.0  Vue+Echarts   现附上代码： {代码...} 这是其中一个vue组件 1.安装 echarts 安装包 {代码...} 2.引入依赖 {代码...} 3.准备echarts容器 {代码...} 4.数据和 charts 变量可...

在使用 Vue 框架做单页面应用时，我们时常会遇到传值，组件公用状态的问题。（子父间传值文章传送门） ，如果是简单的应用，兄弟组件之间通信还能使用 eventBus 来作为中介。但是一旦应用比较庞大，那状态将会变得难以维持管理。

1、vue-cli 项目结构图 2、目录分析 目录/文件 说明 bulid 项目构建的一些 js 文件 config 配置文件项，index.js 比较重要，打包上线需要修改配置 dist 项目打包后的文件 node_modules npm安装包位置 src 项目的开发目录 <ul> <li>assets:图片、字体等资源 </li> <li>components:公共组件部分&l...

父子间的通信传值是 vue 中的一个重要的内容和掌握点。   *vue2.0 推荐使用 vuex,全局进行状态管理。（后面再讲）   首先讲一下遇到的 需求背景： 解释一下：  组件之间的关系： {代码...} 1、子组件 login 传参数给父组件 app.vue $emit 用法：vm.$emit( event, […args] )，触发当前实例上的事件。 子组件中代码： {代...

首先我认为你已经安装并且会使用node.js 和 npm<hr/> 1、安装淘宝镜像 {代码...} 2、全局安装webpack 1、安装了淘宝镜像 {代码...} 2、没安装 {代码...} 3、安装vue脚手架 {代码...} 4、创建一个文件夹，最好有自己的worksapce 5、根据模板创建项目 {代码...} 6、安装项目依赖 *必须这么写 {代码...} 7、启动项目 ...