vue.js

vue.js数据绑定的方法单向、双向和一次性绑定 2017-08-03

vue.js数据绑定的方法单向、双向和一次性绑定
本篇文章主要介绍了vue.js数据绑定的方法单向.双向和一次性绑定,具有一定的参考价值,感兴趣的小伙伴们可以参考一下这两天学习了vue.js数据绑定这个地方知识点挺多的,而且很重要,所以,今天添加一点小笔记. 前言 感觉 vue 的很多方面的内容,都参考了 angular 的东西,数据绑定方面,更是赤裸裸的"抄袭".对照来看,更有助于我们学习和理解框架本 ...

vue之数据交互实例代码 2017-07-18

本篇文章主要介绍了vue之数据交互实例代码,vue中也存在像ajax和jsonp的数据交互,实现向服务器获取数据,有兴趣的可以了解一下vue中的交互(ajax,jsonp) vue中也存在像ajax和jsonp的数据交互,实现向服务器获取数据,但是他本身框架当中没有这样的方法,需要一个新的小东西叫vue-resouce.js 地址:https://github.com/pa ...

解决vuerouter使用history模式刷新后404问题 2017-06-16

这篇文章主要介绍了解决vue router使用 history 模式刷新后404问题,需要的朋友可以参考下因为我们的应用是单页客户端应用,当使用 history 模式时,URL 就像正常的 url,可以直接访问http://www.xxx.com/user/id,但是因为vue-router设置的路径不是真实存在的路径,所以刷新就会返回404错误. 想要history模式正 ...

详解vue.js+UEditor集成前后端分离项目 2017-05-11

详解vue.js+UEditor集成前后端分离项目
本篇文章主要介绍了详解vue.js+UEditor集成 前后端分离项目 ,小编觉得挺不错的,现在分享给大家,也给大家做个参考.一起跟随小编过来看看吧首先,谈下这篇文章中的前后端所涉及到的技术框架内容. 虽然是后端的管理项目,但整体项目,是采用前后端分离的方式完成,这样做的目的也是产品化的需求: 前端,vue+vuex+vue router+webpack+elementUI ...

vue中将网页打印成pdf实例代码 2017-04-18

本篇文章主要介绍了vue中将网页打印成pdf实例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考.一起跟随小编过来看看吧整理文档,搜刮出一个vue中将网页打印成pdf的代码,稍微整理精简一下做下分享. <template> <div class="pdf-wrap" > <button v-on:click=&quo ...

vue2.0的contextmenu右键弹出菜单的实例代码 2017-03-31

本篇文章主要介绍了vue2.0的contextmenu右键弹出菜单的实例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考.一起跟随小编过来看看吧整理文档,搜刮出一个vue2.0的contextmenu右键弹出菜单的实例代码,稍微整理精简一下做下分享. 1.事情对象 <!DOCTYPE html> <html> <head> < ...

Vue应用部署到服务器的正确方式 2017-03-29

Vue应用部署到服务器的正确方式
本篇文章主要介绍了详解Vue应用部署到服务器的正确方式,具有一定的参考价值,感兴趣的小伙伴们可以参考一下.本文介绍了Vue应用部署到服务器,分享给大家,希望此文章对各位有所帮助. 很多时候我们发现辛辛苦苦写的VueJs应用经过打包后在自己本地搭建的服务器上测试没有什么问题,但真正放在服务器上后,会发现或多或少的问题,比如:页面出现空白现象,获取资源路径不对等,我相信以Vue ...

浅谈vue实现数据监听的函数Object.defineProperty 2017-02-20

浅谈vue实现数据监听的函数Object.defineProperty
本篇文章主要介绍了浅谈vue实现数据监听的函数 Object.defineProperty,具有一定的参考价值,感兴趣的小伙伴们可以参考一下在 ES5中新增了不少新的API, 例如  新增了 Object.xxx相关的方法,其中有一个定义属性相关的 Object.defineProperty 这个方法(还有Object.defineProperties)这个方法是 vue框 ...

Vue自定义指令详解 2017-01-19

这篇文章主要为大家详细介绍了Vue自定义指令的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下在 AngularJs 中,它的指令使用 directive ( name,factor_function)来实现: angular.module( 'myapp' ,[]) .directive (myDirective,function (){ return{ tem ...

使用vue构建移动应用实战代码 2016-12-29

使用vue构建移动应用实战代码
本篇文章主要介绍了使用vue构建移动应用实战代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考.一起跟随小编过来看看吧在移动应用中很多功能都是必不可少的,使用vue构建移动应用自然也就需要实现这些功能.之所以写这篇文章,是希望大家能更多的将注意力放在项目的核心业务上,而不是过多的关注通用功能. 基础设置 使用vue-cli搭建项目框架 在index.html文件中添加 ...

在vue-cli脚手架中配置一个vue-router前端路由 2016-12-21

这篇文章主要给大家介绍了在vue-cli脚手架中配置一个vue-router前端路由的相关资料,文中通过示例代码介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友们下面跟着小编一起来学习学习吧.前言 这篇文章给大家讲解的是在vue-cli脚手架中如何配置vue-router前端路由的相关内容,分享出来供打击参考学习,下面来一起看看详细的介绍: 首先你需要一个main. ...

详解Vue-Cli异步加载数据的一些注意点 2016-12-06

本篇文章主要介绍了详解Vue-Cli 异步加载数据的一些注意点,小编觉得挺不错的,现在分享给大家,也给大家做个参考.一起跟随小编过来看看吧刚开始学vue的时候没有使用脚手架,现在用脚手架写法有点不同,今天遇到的问题是使用豆瓣api异步加载数据的时候,会一直在命令行上报错,基本上错误都是xxx 未定义. 例子 <template> <div v-if=&qu ...

Vue2.x中的父子组件相互通信的实现方法 2016-11-23

Vue2.x中的父子组件相互通信的实现方法
这篇文章主要介绍了Vue2.x中的父子组件相互通信,需要的朋友可以参考下业务场景:(这里指的是直接父子级关系的通信) 美女(子组件)将消息发送给大群(父组件) 大群(父组件)收到美女发送的消息后再回个信息给美女(子组件) 父组件 template <template> <div> <p>群消息girl:</p> <div ...

VueSpa切换页面时更改标题的实例代码 2016-10-25

本篇文章主要介绍了Vue Spa切换页面时更改标题的实例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考.一起跟随小编过来看看吧在Vue组件化开发过程中,因为是单页面开发,但是有时候需要页面的title根据情况改变,于是上网查了一下,各种说法花(wo)里(kan)胡(bu)哨(dong), 于是想到一个黑科技 documet.title="xxx" ...

详解vue2.0的ElementUI的表格table列时间戳格式化 2016-10-23

本篇文章主要介绍了详解vue2.0的Element UI的表格table列时间戳格式化,具有一定的参考价值,感兴趣的小伙伴们可以参考一下.这两天学习了vue2.0的Element UI的表格table列时间戳格式化,所以,今天添加一点小笔记. 表格属性 <el-table :data="tableData" v-loading.body=" ...

详解Vue爬坑之vuex初识 2016-10-07

详解Vue爬坑之vuex初识
本篇文章主要介绍了详解Vue爬坑之vuex初识 ,Vue 的状态管理工具 Vuex可以解决大型项目中子组件之间传递数据,有兴趣的可以了解下在 Vue.js 的项目中,如果项目结构简单, 父子组件之间的数据传递可以使用  props 或者 $emit 等方式. 但是如果是大型项目,很多时候都需要在子组件之间传递数据,使用之前的方式就不太方便.Vue 的状态管理工具 Vuex ...

详解用vue.js和laravel实现微信支付 2016-09-25

本篇文章主要介绍了用vue.js和laravel实现微信支付,小编觉得挺不错的,现在分享给大家,也给大家做个参考.一起跟随小编过来看看吧注:此项是微信公众号开发,请在往下看之前,先实现网页微信授权登陆功能,具体参看我简书的另一篇文章:http://www.jb51.net/article/117004.htm 1.打开app/config/wechat.php,配置微信支付 ...

Vue.js结合Ueditor富文本编辑器的实例代码 2016-09-03

Vue.js结合Ueditor富文本编辑器的实例代码
本篇文章主要介绍了Vue.js结合Ueditor的项目实例代码,这里整理了详细的代码,具有一定的参考价值,有兴趣的可以了解一下在前端开发的项目中.难免会遇到需要在页面上集成一个富文本编辑器.前一段时间公司Vue.js项目需要使用UEditor富文本编辑器,在百度上搜索一圈没有发现详细的说明,决定自己尝试,忙活了一天终于搞定了. 1. 总体思路 1.1 模块化 vue的很大的 ...

详解vuejs之v-for列表渲染 2016-08-19

详解vuejs之v-for列表渲染
这篇文章主要介绍了详解vuejs之v-for列表渲染,小编觉得挺不错的,现在分享给大家,也给大家做个参考.一起跟随小编过来看看吧Vue.js是一个构建数据驱动的web界面的库.重点集中在MVVM模式的ViewModel层,因此非常容易与其它库或已有项目整合 Vue.js 的核心是一个响应的数据绑定系统,它让数据与DOM保持同步非常简单 如下列表展示,当我们从后端接口或者js ...

Vuecomputed计算属性的使用方法 2016-08-18

这篇文章主要为大家详细介绍了Vue computed计算属性的使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下computed computed:相当于method,返回function内return的值赋值在html的DOM上.但是多个{{}}使用了computed,computed内的function也只执行一次.仅当function内涉及到Vue实例绑定的d ...