vue.js

vue.js+Echarts开发图表放大缩小功能实例 2017-06-11

vue.js+Echarts开发图表放大缩小功能实例
本篇文章主要介绍了vue.js+Echarts开发图表放大缩小功能实例,具有一定的参考价值,感兴趣的小伙伴们可以参考一下最近使用echarts来开发某系统的图表功能,先申明我以前用的ext.js,ext.js对图表有自己的一套组件,用起来也很方便.但是由于ext.js过于臃肿,公司决定使用echarts来开发图表功能.当我们使用的时候才悲催的发现,echart绘制之后,不能 ...

一个可复用的vue分页组件 2017-06-05

这篇文章主要为大家详细介绍了一个可复用的vue分页组件,具有一定的参考价值,感兴趣的小伙伴们可以参考一下不废话,先上组件文件pages.vue: <template> <div class="pages-box" v-if="pageTotal > 0"> <ul class="pages ...

Vue.2.0.5实现Class与Style绑定的实例 2017-06-05

本篇文章主要介绍了Vue.2.0.5实现Class 与 Style 绑定的实例,具有一定的参考价值,感兴趣的小伙伴们可以参考一下Class 与 Style 绑定 数据绑定一个常见需求是操作元素的 class 列表和它的内联样式.因为它们都是属性 ,我们可以用v-bind 处理它们:只需要计算出表达式最终的字符串.不过,字符串拼接麻烦又易错.因此,在 v-bind 用于 cl ...

Vue.js原理分析之observer模块详解 2017-05-17

Vue.js原理分析之observer模块详解
这篇文章主要介绍了Vue.js中observer模块的相关资料,文中通过原理分析介绍还是相对的详细,相信对大家具有一定的参考价值,需要的朋友们下面来一起看看吧.介绍 observer是Vue核心中最重要的一个模块(个人认为),能够实现视图与数据的响应式更新,底层全凭observer的支持. 注意:[email protected] observer模块在Vue项目中的代码 ...

详解Vue2.0里过滤器容易踩到的坑 2017-05-16

本篇文章主要介绍了Vue2.0里过滤器容易踩到的坑,vue2.0需要自己定义过滤器.有兴趣的可以了解一下vue2.0里,不再有自带的过滤器,需要自己定义过滤器.定义的方法如下: 注册一个自定义过滤器,它接收两个参数:过滤器 ID 和过滤器函数. Vue.filter('filtername',function(value,参数){ return 参数+value.split ...

详解vue-router2.0常用基础知识点之router-link 2017-05-06

这篇文章主要介绍了详解vue-router 2.0 常用基础知识点之router-link,具有一定的参考价值,感兴趣的小伙伴们可以参考一下前端采用前后端分离的方式进行开发,我们使用vue2.0框架,做单页面应用难免会用到vue-router,今天把项目中的用到router-link摘出来,一是想整理一下这些用法,方便下次快速查找,二是重新再过一下vue-router,增加 ...

Vue声明式渲染详解 2017-05-04

Vue声明式渲染详解
这篇文章主要介绍了Vue声明式渲染详解,小编觉得挺不错的,现在分享给大家,也给大家做个参考.一起跟随小编过来看看吧Vue.js 的核心是一个允许采用简洁的模板语法来声明式的将数据渲染进 DOM,也就是将模板中的文本数据写进DOM中,使用  {{data}}  的格式写入.此代码都是Vue.js官网上的实例. 1.首先导入Vue.js <script type=&quo ...

详解vue-router2.0常用基础知识点之router.push() 2017-03-11

本篇文章主要介绍了vue-router 2.0 常用基础知识点之router.push,小编觉得挺不错的,现在分享给大家,也给大家做个参考.一起跟随小编过来看看吧除了使用 <router-link> 创建 a 标签来定义导航链接,我们还可以借助 router 的实例方法,通过编写代码来实现. router.push(location) 想要导航到不同的 URL, ...

利用webstrom调试Vue.js单页面程序的方法教程 2017-03-11

利用webstrom调试Vue.js单页面程序的方法教程
这篇文章主要给大家介绍了利用webstrom调试Vue.js单页面程序的方法教程,文中介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友们下面跟着小编一起来学习学习吧.前言 使用 webstrom 调试 Vue.js 单页面程序,理论上来说应该是支持所有用 webpack 构建的应用程序 webstrom 版本:2017.1 代码:使用 vue-cli 构建的基础单页 ...

基于vue2.0实现的级联选择器 2017-03-07

这篇文章主要介绍了基于vue2.0实现的级联选择器,基于Vue的级联选择器,可以单项,二级, 三级级联,多级级联,有兴趣可以了解一下基于Vue的级联选择器,可以单项,二级, 三级级联,多级级联 web开发中我们经常会遇到级联选择器的问题,尤其是在表单中,无外乎几种情况: 单个级联 (下拉选择框,单选) 单个级联 (多项选择) 二级联动 (省份和城市联动) 三级联动 (省市 ...

详解VUE定义全局变量的几种实现方式 2017-03-06

本篇文章主要介绍了VUE 全局变量的几种实现方式,小编觉得挺不错的,现在分享给大家,也给大家做个参考.一起跟随小编过来看看吧最近在学习VUE.js 中间涉及到JS全局变量,与其说是VUE的全局变量,不如说是模块化JS开发的全局变量. 1.全局变量专用模块 就是以一个特定模块来组织管理这些全局量,需要引用的地方导入该模块便好. 全局变量专用模块 Global.vue < ...

基于vue实现swipe分页组件实例 2017-02-18

基于vue实现swipe分页组件实例
本篇文章主要介绍了基于vue实现swipe分页组件实例,小编觉得挺不错的,现在分享给大家,也给大家做个参考.一起跟随小编过来看看吧项目背景 图片轮播是前端项目必有项,当前有很多效果很酷炫的轮播插件,例如 Swiper . 但是当我们项目中的图片轮播只需要一个很简单的轮播样式,比如这样的 我们引用这样一个 110k 的大插件,就大材小用了.再安利一下,swiper2.x和sw ...

很棒的vue弹窗组件 2017-02-15

这篇文章主要为大家详细介绍了vue弹窗组件的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下弹窗是一个项目必备的复用利器,所以封装起来,保证项目ui一致,是很有必要的.学了一段时间vue,想想还是用vue写一下吧.用的很小白,但是会写出来了,说明我也有进步一丢丢了.继续加油-. 代码贴图如下,样式比较丑,不要介意- <!DOCTYPE html> &l ...

Vue-cliproxyTable解决开发环境的跨域问题详解 2017-01-24

本篇文章主要介绍了Vue-cli proxyTable 解决开发环境的跨域问题详解,非常具有实用价值,需要的朋友可以参考下和后端联调时总是会面对恼人的跨域问题,最近基于Vue开发项目时也遇到了这个问题,两边各自想了一堆办法,查了一堆资料,加了一堆参数,最后还得我把自己的localhost映射成上线时将要使用的域名. 今天翻看代码时,突然发现vue-cli的config文件里 ...

浅谈Vuev-model指令的实现原理 2016-11-26

浅谈Vuev-model指令的实现原理
vue的v-model是一个十分强大的指令,它可以自动让原生表单组件的值自动和你选择的值绑定,具有一定的参考价值,感兴趣的小伙伴们可以参考一下vue的v-model是一个十分强大的指令,它可以自动让原生表单组件的值自动和你选择的值绑定, 我们来看一下它的效果: 输入框的值和一个数据是绑定的,输入框的值变化,和他绑定的值也会发生变化 我们可以参照官方文档的例子    http ...

vue2自定义动态组件所遇到的问题 2016-11-23

vue2自定义动态组件所遇到的问题
这篇文章主要介绍了vue2 自定义 动态组件的实现方法,需要的朋友可以参考下下面讲一下如何定义动态组件.  Vue.extend  思路就是拿到组件的构造函数,这样我们就可以new了.而Vue.extend可以做到:https://cn.vuejs.org/v2/api/#Vue-extend // 创建构造器 var Profile = Vue.extend({ temp ...

详解webpack打包vue时提取css 2016-08-26

本篇文章主要介绍了详解webpack打包vue时提取css,小编觉得挺不错的,现在分享给大家,也给大家做个参考.一起跟随小编过来看看吧webpack打包vue项目的时候默认会把vue里的css打包到页面上. webpack.config.js里的plugins加上以下配置 new webpack.LoaderOptionsPlugin({ test:/\.vue$/, op ...

详解如何在vue项目里正确地引用jquery和jquery-ui的插件 2016-08-07

详解如何在vue项目里正确地引用jquery和jquery-ui的插件
本篇文章主要介绍了详解如何在 vue 项目里正确地引用 jquery 和 jquery-ui的插件,具有一定的参考价值,有兴趣的可以了解一下使用vue-cli构建的vue项目,webpack的配置文件是分散在很多地方的,而我们需要修改的是build/webpack.base.conf.js,修改两处的代码 // 在开头引入webpack,后面的plugins那里需要 var ...

详解Vue方法与事件处理器 2016-07-30

本篇文章主要介绍了详解Vue 方法与事件处理器 ,小编觉得挺不错的,现在分享给大家,也给大家做个参考.一起跟随小编过来看看吧方法与事件处理器 方法处理器 可以用 v-on 指令监听 DOM 事件: <div > <button v-on:click="greet">Greet</button> </div> ...

如何解决vue与传统jquery插件冲突 2016-07-16

本篇文章主要介绍了如何解决vue与传统jquery插件冲突,小编觉得挺不错的,现在分享给大家,也给大家做个参考.一起跟随小编过来看看吧本篇文章主要介绍了如何解决vue与传统jquery插件冲突,小编觉得挺不错的,现在分享给大家,也给大家做个参考.一起跟随小编过来看看吧 比如基于jquery的select2插件,在vue下单独用有很多问题,其实对于这类插件,可以用vue的自定 ...