前端框架vue

vue监听input标签的value值

由于项目需要做实时搜查询数据,所以需要监听input标签的value,这里使用的前端框架vue这里的重点是：@input="search($event)"，表示当文本框有内容输入时,则调用search方法
FANKYIXUN·2018-06-07 18:43

前端框架VUE----webpack打包工具的使用

在这里我仅仅的是对webpack做个讲解，webpack这个工具非常强大，解决了我们前端很繁琐的一些工具流程繁琐的事情。如果感兴趣的同学，还是看官网吧。中文链接地址：https://www.webpackjs.com/一、为什么要使用webpack？现今的很多网页其实可以看做是功能丰富的应用，它们拥有着复杂的JavaScript代码和一大堆依赖包。为了简化开发的复杂度，前端社区涌现出了很多好的实践
weixin_34082854·2018-05-25 09:00

逼格满满 - 前端框架、工具等汇总清单

随时更新中…前端框架VueReactAngularJSBootstrapTypeScript：TypeScript是JavaScript类型的超级。至于存在理由，根本就
shan-er·2018-04-28 16:58

前端框架Vue环境搭建&vue项目创建

第一步：去node官网下载适配本机系统的node.jsnode.js安装包以及源码下载地址：https://nodejs.org/en/download/（建议下载.msi，直接用.exe会导致环境变量不会自动配置）第二步：安装cnpm，用淘宝镜像详细资料网址：http://npm.taobao.org/在命令行中输入npminstall-gcnpm--registry=http://regist
找个借口安静·2018-04-18 11:25

Vuejs实现购物车功能

开始更新前端框架Vue.JS的相关博客。功能概述学习了Vue.JS的一些基础知识，现在利用指令、数据绑定这些基础知识开发一个简单的购物车功能。
伏枫Urie·2017-11-05 15:27

前端框架Vue（16）——vue-i18n ，vue项目中如何实现国际化

一、前言趁着10月的最后一天，来写一篇关于前端国际化的实践型博客。国际化应该都不陌生，就是一个网站、应用可以实现语言的切换。在这就不谈原理，只说说如何实现中英文的切换。做技术的总得先把demo做出来嘛。二、demo场景需求分析需求很简单，左上角‘’网易云音乐‘’就是一个中英文切换的按钮，点击弹出提示框，确认切换语言后，实现英文版本。切换成英文版本：三、实现国际化首先，我开发是以vue为技术栈，所以
JesusAllen30·2017-10-31 21:38

前端框架Vue（16）——vue-i18n ，vue项目中如何实现国际化

一、前言趁着10月的最后一天，来写一篇关于前端国际化的实践型博客。国际化应该都不陌生，就是一个网站、应用可以实现语言的切换。在这就不谈原理，只说说如何实现中英文的切换。做技术的总得先把demo做出来嘛。二、demo场景需求分析需求很简单，左上角‘’网易云音乐‘’就是一个中英文切换的按钮，点击弹出提示框，确认切换语言后，实现英文版本。切换成英文版本：三、实现国际化首先，我开发是以vue为技术栈，所以
JesusAllen30·2017-10-31 21:38

前端框架Vue（12）——vue-i18n ，vue项目中如何实现国际化

一、前言趁着10月的最后一天，来写一篇关于前端国际化的实践型博客。国际化应该都不陌生，就是一个网站、应用可以实现语言的切换。在这就不谈原理，只说说如何实现中英文的切换。做技术的总得先把demo做出来嘛。二、demo场景需求分析需求很简单，左上角‘’网易云音乐‘’就是一个中英文切换的按钮，点击弹出提示框，确认切换语言后，实现英文版本。切换成英文版本：三、实现国际化首先，我开发是以vue为技术栈，所以
AllenChinese·2017-10-31 00:00

前端框架vue.js系列（5）：表单元素的双向绑定

vue中常用到的表单组件主要有文本输入框，单选框，多选框和下拉列框。本篇将会讲述如何使用这些原生组件及这些组件在vue框架中的一些特性。vue与这些组件的绑定方法是：v-model，这种绑定是双向绑定。文本输入框文本输入框是type='text'的input元素，绑定方法如下：Messageis:{{message}}varvue=newVue({el:"#app",data:{message:"
黄泽平·2017-09-28 15:12

前端框架Vue（3）——vue-cli 目录结构

1、vue-cli项目结构图2、目录分析目录/文件说明bulid项目构建的一些js文件config配置文件项，index.js比较重要，打包上线需要修改配置dist项目打包后的文件node_modulesnpm安装包位置src项目的开发目录assets:图片、字体等资源components:公共组件部分config:开发分支和生产分支的切换配置，以及fetch.js对于前后台数据交互的封装plug
AllenChinese·2017-09-20 00:00

前端框架Vue（5）——Vue + Echarts （数据可视化）

Echarts是数据可视化中佼佼者！推荐大家可以玩一玩，非常实用！如果第一次接触Echarts的同学，这边有我以前写过的一篇入门：浅谈Echarts3.0Vue+Echarts现附上代码：importechartsfrom'echarts'exportdefault{name:'',data(){return{charts:'',opinion:['直接访问','邮件营销','联盟广告','视频广
AllenChinese·2017-09-20 00:00

前端框架Vue（8）——Vue + 表单验证 VeeValidate 实践

这次来讲一下表单验证插件VeeValidate,那为什么要结合Vue来讲呢？来看一下github上的图片就明白了！为Vue而来的！不清楚是不是Vue的官方表单验证插件。废话不多说直接显示效果：===============================分隔线==================================为什么需要用表单验证插件，想想自己重写过几次表单验证，重复造轮子相当的痛
AllenChinese·2017-09-20 00:00

前端框架Vue（9）——vue 中如何对公共css、 js 方法进行单文件统一管理，全局调用

1、前言最近，为公司开发交付的一个后台管理系统项目，我使用了Vue框架进行开发实践。模块化、组件化、工程化的开发体验非常好。良好的api，优雅的设计，对于工程师非常友好。但是由于模块比较多，我对于每个模块分配了不同的组件，发现一个项目中有许多相同的方法，在每个组件中我都需要进行重复的编写。所以，我希望能够将这些公共的方法，抽离出来放到同一个js中，这里就取名util.js。2、模型设计3、实现方法
AllenChinese·2017-09-20 00:00

前端框架Vue（2）——vue 子父组件的传参通信

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

前端框架Vue（1）——vue-cli-simple（脚手架） 推荐开发环境

首先我认为你已经安装并且会使用node.js和npm1、安装淘宝镜像npminstall-gcnpm--registry=https://registry.npm.taobao.org2、全局安装webpack1、安装了淘宝镜像cnpminstallwebpack-g2、没安装npminstallwebpack-g3、安装vue脚手架npminstallvue-cli-g4、创建一个文件夹，最好有
AllenChinese·2017-09-20 00:00

前端框架Vue（6）——如何在 vue 中内嵌百度地图

百度地图JavaScriptAPI是一套由JavaScript语言编写的应用程序接口，可帮助您在网站中构建功能丰富、交互性强的地图应用，支持PC端和移动端基于浏览器的地图应用开发，且支持HTML5特性的地图开发。该套API免费对外开放。自v1.5版本起，您需先申请密钥（ak）才可使用，接口无使用次数限制。地址传送门：http://lbsyun.baidu.com/index...文章说是栏目是前端
AllenChinese·2017-09-20 00:00

前端框架Vue（4）——vuex 状态管理

1、Vuex是什么？Githubvue-spa-demo项目地址在使用Vue框架做单页面应用时，我们时常会遇到传值，组件公用状态的问题。（子父间传值文章传送门），如果是简单的应用，兄弟组件之间通信还能使用eventBus来作为中介。但是一旦应用比较庞大，那状态将会变得难以维持管理。Vue为我们提供了进行大型状态管理的Vuex,类似Flux。Vuex采用了集中式存储管理所有组件的状态，并以相应的规则
AllenChinese·2017-09-20 00:00

前端框架Vue（10）——如何将 vue-cli 项目打包压缩（npm run build）后放到服务器

当我们将vue项目完成后，面临的就是如何将项目进行打包上线，放到服务器中。我使用的是vue-cli（simple）脚手架，所以就讲一下如何将项目进行打包，并放到tomcat上。如果是vue-cli(非simple脚手架)，这篇文章可能有点帮助。地址链接：vue-cli如何打包上线先来描述一下期间遇到的问题有哪些：1、打包后将dist文件夹和index.html放到tomcat，在浏览器中访问时，出
AllenChinese·2017-09-20 00:00

前端框架Vue（7）—— vue.resource 、axios、ajax 异步通信

vue中如何支持异步请求1、vue支持开发者引入jquery使用$.ajax()1、首先，在package.json中添加jQuery，然后npminstall"dependencies":{"jquery":"^3.2.1",},2、在webpack.config.js(这边用的vue-cli-simple脚手架)//增加一个pluginsplugins:[newwebpack.ProvideP
AllenChinese·2017-09-20 00:00

前端框架Vue（11）——vue-cli 仿网易云音乐 Demo,环境搭建到开发 Vue 全家桶练手项目

一、前言在这个vue系列的第一篇文章，我写过是vue-cli-simple脚手架的环境搭建。前段时间，也刚好给公司做了一个后台管理系统的产品，用的就是vue-cli-simple。一个月的时间将系统从无到上线，组件化、模块化开发的非常快速、可读性、复用性，整理架构清晰，易管理、维护。所以，这次利用vue-cli完整版来实践一下。那么这个simple在哪呢？其实，simple是webpack-sim
AllenChinese·2017-09-20 00:00

前端框架Vue（15）——vue-cli 仿网易云音乐 Demo,环境搭建到开发 Vue 全家桶练手项目

一、前言在这个vue系列的第一篇文章，我写过是vue-cli-simple脚手架的环境搭建。前段时间，也刚好给公司做了一个后台管理系统的产品，用的就是vue-cli-simple。一个月的时间将系统从无到上线，组件化、模块化开发的非常快速、可读性、复用性，整理架构清晰，易管理、维护。所以，这次利用vue-cli完整版来实践一下。那么这个simple在哪呢？其实，simple是webpack-sim
JesusAllen30·2017-09-08 00:52

前端框架Vue（15）——vue-cli 仿网易云音乐 Demo,环境搭建到开发 Vue 全家桶练手项目

一、前言在这个vue系列的第一篇文章，我写过是vue-cli-simple脚手架的环境搭建。前段时间，也刚好给公司做了一个后台管理系统的产品，用的就是vue-cli-simple。一个月的时间将系统从无到上线，组件化、模块化开发的非常快速、可读性、复用性，整理架构清晰，易管理、维护。所以，这次利用vue-cli完整版来实践一下。那么这个simple在哪呢？其实，simple是webpack-sim
JesusAllen30·2017-09-08 00:52

前端框架Vue（14）—— 利用 vue 过渡效果（transition）+定时器 实现轮播图通用组件

序论：轮播图相信都不会陌生，很多的网站都会有，而且实现的方式也是千变万化，可以利用封装好的UI库（bootstrap），也可以原生的JS进行编写。但是其中，动画（transition）和定时器都是必不可少的。本文就是利用vue自带的transition动画过渡效果加上定时器编写轮播图。效果：1、功能分析。从上面的效果图中看，有四个基本功能：1、自动的轮播的功能；2、点击左右箭头（pre、next）
JesusAllen30·2017-08-24 16:44

前端框架Vue（14）—— 利用 vue 过渡效果（transition）+定时器 实现轮播图通用组件

序论：轮播图相信都不会陌生，很多的网站都会有，而且实现的方式也是千变万化，可以利用封装好的UI库（bootstrap），也可以原生的JS进行编写。但是其中，动画（transition）和定时器都是必不可少的。本文就是利用vue自带的transition动画过渡效果加上定时器编写轮播图。效果：1、功能分析。从上面的效果图中看，有四个基本功能：1、自动的轮播的功能；2、点击左右箭头（pre、next）
JesusAllen30·2017-08-24 16:44

前端框架Vue（13）——vue 中如何对公共css、 js 方法进行单文件统一管理，全局调用

1、前言最近，为公司开发交付的一个后台管理系统项目，我使用了Vue框架进行开发实践。模块化、组件化、工程化的开发体验非常好。良好的api，优雅的设计，对于工程师非常友好。但是由于模块比较多，我对于每个模块分配了不同的组件，发现一个项目中有许多相同的方法，在每个组件中我都需要进行重复的编写。所以，我希望能够将这些公共的方法，抽离出来放到同一个js中，这里就取名util.js。2、模型设计3、实现方法
JesusAllen30·2017-08-04 16:50

前端框架Vue（13）——vue 中如何对公共css、 js 方法进行单文件统一管理，全局调用

1、前言最近，为公司开发交付的一个后台管理系统项目，我使用了Vue框架进行开发实践。模块化、组件化、工程化的开发体验非常好。良好的api，优雅的设计，对于工程师非常友好。但是由于模块比较多，我对于每个模块分配了不同的组件，发现一个项目中有许多相同的方法，在每个组件中我都需要进行重复的编写。所以，我希望能够将这些公共的方法，抽离出来放到同一个js中，这里就取名util.js。2、模型设计3、实现方法
JesusAllen30·2017-08-04 16:50

前端框架Vue（12）——如何将 vue-cli 项目打包压缩（npm run build）后放到服务器

当我们将vue项目完成后，面临的就是如何将项目进行打包上线，放到服务器中。我使用的是vue-cli（simple）脚手架，所以就讲一下如何将项目进行打包，并放到tomcat上。如果是vue-cli(非simple脚手架)，这篇文章可能有点帮助。地址链接：vue-cli如何打包上线先来描述一下期间遇到的问题有哪些：1、打包后将dist文件夹和index.html放到tomcat，在浏览器中访问时，出
JesusAllen30·2017-07-20 17:38

前端框架Vue（12）——如何将 vue-cli 项目打包压缩（npm run build）后放到服务器

当我们将vue项目完成后，面临的就是如何将项目进行打包上线，放到服务器中。我使用的是vue-cli（simple）脚手架，所以就讲一下如何将项目进行打包，并放到tomcat上。如果是vue-cli(非simple脚手架)，这篇文章可能有点帮助。地址链接：vue-cli如何打包上线先来描述一下期间遇到的问题有哪些：1、打包后将dist文件夹和index.html放到tomcat，在浏览器中访问时，出
JesusAllen30·2017-07-20 17:38

前端框架Vue（11）——Vue+表单验证 VeeValidate 实践

这次来讲一下表单验证插件VeeValidate,那为什么要结合Vue来讲呢？来看一下github上的图片就明白了！为Vue而来的！不清楚是不是Vue的官方表单验证插件。废话不多说直接显示效果：===============================分隔线==================================为什么需要用表单验证插件，想想自己重写过几次表单验证，重复造轮子相当的痛
JesusAllen30·2017-06-23 17:57

前端框架Vue（11）——Vue+表单验证 VeeValidate 实践

这次来讲一下表单验证插件VeeValidate,那为什么要结合Vue来讲呢？来看一下github上的图片就明白了！为Vue而来的！不清楚是不是Vue的官方表单验证插件。废话不多说直接显示效果：===============================分隔线==================================为什么需要用表单验证插件，想想自己重写过几次表单验证，重复造轮子相当的痛
JesusAllen30·2017-06-23 17:57

前端框架Vue、angular、React的优点和缺点

原文链接：http://www.cnblogs.com/zcqian/p/6843787.html学习web前端开发中，会有很多的框架，那么目前流行的框架有哪些呢？一、Vue.js：其实Vue.js不是一个框架，因为它只聚焦视图层，是一个构建数据驱动的Web界面的库。Vue.js通过简单的API（应用程序编程接口）提供高效的数据绑定和灵活的组件系统。Vue.js的特性如下：1.轻量级的框架2.双向
anbi97134505316·2017-05-12 08:00

前端框架Vue（10）——vuex 状态管理

1、Vuex是什么？Githubvue-spa-demo项目地址在使用Vue框架做单页面应用时，我们时常会遇到传值，组件公用状态的问题。（子父间传值文章传送门），如果是简单的应用，兄弟组件之间通信还能使用eventBus来作为中介。但是一旦应用比较庞大，那状态将会变得难以维持管理。Vue为我们提供了进行大型状态管理的Vuex,类似Flux。Vuex采用了集中式存储管理所有组件的状态，并以相应的规则
JesusAllen30·2017-05-11 17:11

vue的Virtual Dom实现snabbdom解密

看到火到不行的国产前端框架vue也在用别人的VirtualDom开源方
寻图·2017-05-03 11:59

前端框架Vue（9）——百度地图使用

百度地图JavaScriptAPI是一套由JavaScript语言编写的应用程序接口，可帮助您在网站中构建功能丰富、交互性强的地图应用，支持PC端和移动端基于浏览器的地图应用开发，且支持HTML5特性的地图开发。该套API免费对外开放。自v1.5版本起，您需先申请密钥（ak）才可使用，接口无使用次数限制。地址传送门：http://lbsyun.baidu.com/index.php?title=j
JesusAllen30·2017-04-27 20:52

前端框架Vue（8）——子父组件的传参通信

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

前端框架Vue（8）——子父组件的传参通信

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

前端框架Vue（7）——Vue+ElementUI:简易login登录框重构

目标：Vue来实现一个简易的登录框，有用户名（user）和密码（password），具备简单的校验。使用的UI框架：ElementUIvue登录框的优点:无须操作dom，只需建立数据模型，自动渲染。双向数据绑定。登录框的解决点：数据如何绑定登录校验先上代码：登录{{formName.userError}}{{formName.passwordError}}提交重置html,body{margin:
JesusAllen30·2017-04-14 14:57

前端框架Vue（7）——Vue+ElementUI:简易login登录框重构

目标：Vue来实现一个简易的登录框，有用户名（user）和密码（password），具备简单的校验。使用的UI框架：ElementUIvue登录框的优点:无须操作dom，只需建立数据模型，自动渲染。双向数据绑定。登录框的解决点：数据如何绑定登录校验先上代码：登录{{formName.userError}}{{formName.passwordError}}提交重置html,body{margin:
JesusAllen30·2017-04-14 14:57

前端框架Vue（6）——Vue 介绍和相关操作

*本博客会持续更新1、VueJS浏览器的兼容性2、如何获得当前点击的元素（整体）methods:{showDeleteIcon:function($event){console.log(event.currentTarget);}}3、如何获得当前点击的元素（个体）showDeleteIcon:function($event){console.log(event.target);}4、获取dom元
JesusAllen30·2017-04-11 17:47

前端框架Vue（6）——Vue 介绍和相关操作

*本博客会持续更新1、VueJS浏览器的兼容性2、如何获得当前点击的元素（整体）methods:{showDeleteIcon:function($event){console.log(event.currentTarget);}}3、如何获得当前点击的元素（个体）showDeleteIcon:function($event){console.log(event.target);}4、获取dom元
JesusAllen30·2017-04-11 17:47

前端框架Vue（5）——Vue+Echarts

Echarts是数据可视化中佼佼者！推荐大家可以玩一玩，非常实用！如果第一次接触Echarts的同学，这边有我以前写过的一篇入门：浅谈Echarts3.0Vue+Echarts现附上代码：importechartsfrom'echarts'exportdefault{name:'',data(){return{charts:'',opinion:['直接访问','邮件营销','联盟广告','视频广
JesusAllen30·2017-04-05 19:23

前端框架Vue（5）——Vue+Echarts

Echarts是数据可视化中佼佼者！推荐大家可以玩一玩，非常实用！如果第一次接触Echarts的同学，这边有我以前写过的一篇入门：浅谈Echarts3.0Vue+Echarts现附上代码：importechartsfrom'echarts'exportdefault{name:'',data(){return{charts:'',opinion:['直接访问','邮件营销','联盟广告','视频广
JesusAllen30·2017-04-05 19:23

前端框架Vue（4）——vue-cli 目录结构

1、vue-cli项目结构图2、目录分析目录/文件说明bulid项目构建的一些js文件config配置文件项，index.js比较重要，打包上线需要修改配置dist项目打包后的文件node_modulesnpm安装包位置src项目的开发目录assets:图片、字体等资源components:公共组件部分config:开发分支和生产分支的切换配置，以及fetch.js对于前后台数据交互的封装plug
JesusAllen30·2017-04-05 10:18

前端框架Vue（4）——vue-cli 目录结构

1、vue-cli项目结构图2、目录分析目录/文件说明bulid项目构建的一些js文件config配置文件项，index.js比较重要，打包上线需要修改配置dist项目打包后的文件node_modulesnpm安装包位置src项目的开发目录assets:图片、字体等资源components:公共组件部分config:开发分支和生产分支的切换配置，以及fetch.js对于前后台数据交互的封装plug
JesusAllen30·2017-04-05 10:18

前端框架Vue（2）——Vue-Router 路由跳转

1、最简单：html+js全在一个文件中动态路由匹配HelloApp!默认会渲染成一个a标签-->GOTOFOOGOTOBAR//1、定义组件constFoo={template:'foo'};constBar={template:'bar'};//2、定义路由//每一个路由映射一个组件constroutes=[{path:'/foo',component:Foo},{path:'/bar',co
JesusAllen30·2017-03-30 18:16

前端框架Vue（2）——Vue-Router+Webpack+Vue-cli全家桶实例

1、最简单：html+js全在一个文件中 动态路由匹配 HelloApp! 默认会渲染成一个a标签--> GOTOFOO GOTOBAR //1、定义组件constFoo={template:'foo'};constBar={template:'bar'};//2、定义路由//每一个路由映射一个组件constroutes=[{path:'/foo',componen
DOCALLEN·2017-03-30 18:00

前端框架Vue（1）——vue（脚手架） 推荐开发环境（转）

首先我认为你已经安装并且会使用node.js和npm1、安装淘宝镜像npminstall-gcnpm--registry=https://registry.npm.taobao.org2、全局安装webpack1、安装了淘宝镜像npminstallwebpack-g2、没安装cnpminstallwebpack-g3、安装vue脚手架npminstallvue-cli-g4、创建一个文件夹，最好有
JesusAllen30·2017-03-30 17:48

详解如何使用Vue2做服务端渲染

技术栈服务端：Nodejs（v6.3）前端框架Vue2.1.10前端构建工具：webpack2.2&&gulp代码检查：eslint源码：es6前端路由：vue-
莫扬的天空·2017-03-29 11:19

初识前端框架Vue.js

Vue.js是什么？Vue是一个轻量级渐进式的Javascript框架，具有简单易学、小巧灵活、性能优越的特点。与react一样，具有整套生态工具系统。Vue属于前端MVVM框架，Vue主要专注于MVVM框架的View层，核心是VM-ViewModel什么是MVC、MVP、MVVM？MVC：Model-View-ControllerMVCMVC通信：当用户界面View改变时指令单向传递到Contr
coolheadedY·2016-12-18 00:39

第一次接触神奇的前端框架vue.js

前言入手2016最火前端框架之一vue.js。大概从网上找了些资料看了下vue.js，从网上的资料来看只能惊叹其发展速度太快，让我意外的是其作者是华人的前提下作品这么受欢迎。网上的博客和教程各种组合。以至于我都有些感觉out。各种vue+webpack、vue+react、vue+es6+npm等等。琳琅满目。真是三天不学习赶不上刘少奇。开篇主要是初次了解下vue.js，包括v-model、v-i
garfieldzf·2016-12-01 13:07
上一页 7 8 9 10 11 12 13 14 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他