vue.js

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

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

vue2.0中click点击当前li实现动态切换class 2017-07-15

vue2.0中click点击当前li实现动态切换class
本篇文章主要介绍了vue2.0中click点击当前li实现动态切换class ,小编觉得挺不错的,现在分享给大家,也给大家做个参考.一起跟随小编过来看看吧1,文件内容 ----//为item添加不存在的属性,需要使用vue提供的Vue.set( object, key, value )方法.  看详解:https://cn.vuejs.org/v2/api/#Vue-set ...

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

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

解决vue-cli中stylus无法使用的问题方法 2017-06-06

解决vue-cli中stylus无法使用的问题方法
这篇文章主要介绍了解决vue-cli中stylus无法使用的问题方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下在写基于vue-cli的vue项目时,遇到一个小坑,css用了stylus,但是在编译时候总是报错: 来来回回折腾了数十次,终于被我折腾好了...解决方式如下: 1.在package.json文件中写入依赖: "stylus-loader" ...

vue引入swiper插件的使用实例 2017-05-14

本篇文章主要介绍了vue引入swiper插件的使用实例,小编觉得挺不错的,现在分享给大家,也给大家做个参考.一起跟随小编过来看看吧本文介绍了vue引入swiper插件,分享给大家,希望对大家有帮助 步骤一:安装vue,   $ npm install vue 步骤二:创建vue项目   # 全局安装 vue-cli $ npm install -g vue-cli $ cd ...

最基础的vue.js双向绑定操作 2017-05-08

最基础的vue.js双向绑定操作
这篇文章主要为大家详细介绍了最基础的vue.js双向绑定操作,具有一定的参考价值,感兴趣的小伙伴们可以参考一下vue.js初级入门之最基础的双向绑定操作,具体内容如下 首先在页面引入vue.js以及其他需要用到的或者可能要用到的插件(这里我多引用了bootstrap和jquery) 引用的时候需要注意文件的路径,准备工作这样基本就完成了,下面正式开始入门. vue.js最重 ...

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

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

详解vue.js的事件处理器v-on:click 2017-04-02

详解vue.js的事件处理器v-on:click
本篇文章主要介绍了详解vue.js的事件处理器v-on:click,小编觉得挺不错的,现在分享给大家,也给大家做个参考.一起跟随小编过来看看吧用 v-on 指令监听 DOM 事件 注意:HTML5中不能使用v-on,换为@ (1)html代码: <div > <button v-on:click="greet">Greet< ...

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

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

详解vue-router和vue-cli以及组件之间的传值 2017-02-26

详解vue-router和vue-cli以及组件之间的传值
这篇文章主要介绍了详解vue-router和vue-cli以及组件之间的传值,具有一定的参考价值,感兴趣的小伙伴们可以参考一下首先简单介绍使用vue-router的四个基本步骤:(为了方便演示,所有代码都写在一个文件里) 1.定义组件 2.定义路由 3.创建router实例并将定义好的路由传入 4.创建和挂载根实例 再来说一下vue-cli 一.安装vue-cli脚手架工具 ...

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页面固定滚动位置的处理办法 2016-12-25

本篇文章主要介绍了解决Vue固定滚动位置的处理办法,小编觉得挺不错的,现在分享给大家,也给大家做个参考.一起跟随小编过来看看吧最近做项目遇到一个问题,就是Vue滚动不固定,网上找了一些资料,说下 vue 固定滚动位置的处理办法. 问题描述: 通常见于 列表页List -> 详情页Detail 的情况, 从列表的某一项x 进入到详情页, 再返回的时候, 希望列表的位置固 ...

在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 ...

vue-resource拦截器interceptor的使用详解 2016-11-18

本篇文章主要介绍了vue-resource 拦截器interceptor的使用详解,小编觉得挺不错的,现在分享给大家,也给大家做个参考.一起跟随小编过来看看吧拦截器-interceptor 在现代的一些前端框架上,拦截器基本上是很基础但很重要的一环,比如Angular原生就支持拦截器配置,VUE的Axios模块也给我们提供了拦截器配置,那么拦截器到底是什么,它有什么用? 拦 ...

vue组件Prop传递数据的实现示例 2016-09-28

vue组件Prop传递数据的实现示例
本篇文章主要介绍了vue组件Prop传递数据的实现示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考.一起跟随小编过来看看吧组件实例的作用域是孤立的.这意味着不能(也不应该)在子组件的模板内直接引用父组件的数据.要让子组件使用父组件的数据,我们需要通过子组件的props选项. prop 是单向绑定的:当父组件的属性变化时,将传导给子组件,但是不会反过来.这是为了防止子 ...

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

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

Vue项目webpack打包部署到服务器的实例详解 2016-09-02

Vue项目webpack打包部署到服务器的实例详解
这篇文章主要介绍了Vue项目webpack打包部署到服务器的实例详解的相关资料,需要的朋友可以参考下Vue项目webpack打包部署到服务器 这篇博文主要说的就是我今天遇到的问题,而且在经过我的询问,好多人在打包部署的时候都遇到了一些问题,下面就来说下,如何将Vue项目放置在服务器上,这里以Tomcat为例. 必须要配置的就是/config/index.js 在vue-cl ...