vue.js

Vue2.0vue-sourcejsonp跨域请求 2017-08-06

Vue2.0vue-sourcejsonp跨域请求
这篇文章主要介绍了Vue2.0 vue-source jsonp 跨域请求,小编觉得挺不错的,现在分享给大家,也给大家做个参考.一起跟随小编过来看看吧本文介绍了Vue2.0 vue-source jsonp 跨域请求,分享给大家,希望对大家有所帮助 以调用百度的输入提示接口为例 main.js import Vue from 'vue' import VueResouse ...

Vue的MVVM实现方法 2017-08-02

Vue的MVVM实现方法
本篇文章主要主要介绍了Vue的MVVM实现方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考.一起跟随小编过来看看吧本文介绍了Vue的MVVM实现方法,分享给大家,具体如下: 1. Object.defineProperty() 定义属性 用意:给一个对象定义属性,那个属性原来是不存在的.这是一个初衷,属性是不存在的,需要额外添加. ①.使用说明 Object.def ...

VueJS集成MediumEditor的示例代码自定义编辑器按钮 2017-06-20

本篇文章主要介绍了VueJS 集成 Medium Editor的示例代码 自定义编辑器按钮,具有一定的参考价值,有兴趣的可以了解一下0x00 前言 VueJS 社区里面关于富文本编辑器的集成也不少了,但是之前小调研了一下,基本上就是 quill,medium-editor,因为之前用 AngularJS 用过 medium-editor,并且需要自定义某些按钮,而且最好还是 ...

vue2.x父组件监听子组件事件并传回信息的方法 2017-06-16

本篇文章主要介绍了vue2.x 父组件监听子组件事件并传回信息的方法,具有一定的参考价值,有兴趣的可以了解一下本文介绍了vue2.x 父组件监听子组件事件并传回信息,分享给大家,希望此文章对各位有所帮助 利用vm.$emit 1.在父组件中引用子组件 <child @from-child-msg="listenChildMsg"></c ...

Vue.js实现按钮的动态绑定效果及实现代码 2017-06-06

Vue.js实现按钮的动态绑定效果及实现代码
本文通过实例代码给大家介绍了Vue.js实现按钮的动态绑定效果,代码简单易懂,非常不错,具有参考借鉴价值,需要的的朋友参考下吧实现效果: 实现代码以及注释: <!DOCTYPE html> <html> <head> <title>按钮绑定</title> <meta charset="utf-8& ...

关于vue.js发布后路径引用的问题解决 2017-06-02

关于vue.js发布后路径引用的问题解决
最近在vue.js项目发布后发现了一个关于路径的问题,发现网上关于这个的资料较少,所以给大家总结下,下面这篇文章主要给大家介绍了如何解决关于vue.js发布后路径引用的问题,需要的朋友可以参考借鉴,下面来一起看看吧.本文主要给大家介绍了关于vue.js发布后路径引用问题的解决方法,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍: 在发布到iis目录下时候,如果 ...

详解利用jsx写vue组件的方法示例 2017-05-17

这篇文章主要给大家介绍了关于利用jsx写vue组件的相关资料,文中通过示例代码介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友们下面跟着小编来一起看看吧.前言 本文主要给大家介绍的是关于利用jsx写vue组件,下面话不多说,来一起看看详细的介绍吧. 我们平常写vue的组件时,一般都是用的是模版,这种方式看起来比较简洁,而且vue作者也推荐使用这个方式,但是这种方式也 ...

vue实现tomatotimer(蕃茄钟)实例讲解 2017-04-24

vue实现tomatotimer(蕃茄钟)实例讲解
下面小编就为大家带来一篇vue 实现 tomato timer蕃茄钟实例讲解.小编觉得挺不错的,现在就分享给大家,也给大家做个参考.一起跟随小编过来看看吧近期在学习[时间管理]方面的课程,其中有一期讲了蕃茄工作法,发现是个好多东西.蕃茄工作法核心思想就是:工作25分钟,休息5分钟.如果您好了解更多可以自行度娘. 在加上本人是一个程序猿,就想用程序的方式来表达对此工作法的敬意 ...

浅谈Vue父子组件和非父子组件传值问题 2017-04-01

本篇文章主要介绍了浅谈Vue父子组件和非父子组件传值问题,具有一定的参考价值,感兴趣的小伙伴们可以参考一下.本文介绍了浅谈Vue父子组件和非父子组件传值问题,分享给大家,具体如下: 1.如何创建组件 1.新建一个组件,如:在goods文件夹下新建goodsList.vue <template> <div class='tmpl'> goodsList ...

Vue动态组件实例解析 2017-03-07

让多个组件使用同一个挂载点,并动态切换,这就是动态组件.这篇文章主要介绍了Vue动态组件 ,需要的朋友可以参考下前面的话 让多个组件使用同一个挂载点,并动态切换,这就是动态组件.本文将详细介绍Vue动态组件 概述 通过使用保留的 <component> 元素,动态地绑定到它的 is 特性,可以实现动态组件 <div > <button @cli ...

VUEaxios发送跨域请求需要注意的问题 2017-03-02

VUEaxios发送跨域请求需要注意的问题
本篇文章主要介绍了VUE axios发送跨域请求需要注意的问题,在实际项目中前端使用到vue,后端使用php进行开发.前端使用axios请求请求遇到的问题,有兴趣的可以了解一下在实际项目中前端使用到vue,后端使用php进行开发.前端使用axios请求请求 关于跨域 跨域的概念这些就不说了,百度一大堆相关的资料信息.我就只在这里记录下我在使用当中遇到的问题,以纪念在逝去的几 ...

vue.js的手脚架vue-cli项目搭建的步骤 2017-01-25

vue.js的手脚架vue-cli项目搭建的步骤
这篇文章主要介绍了vue.js的手脚架vue-cli项目搭建的步骤,小编觉得挺不错的,现在分享给大家,也给大家做个参考.一起跟随小编过来看看吧手脚架是什么? 众所周知,现在的前端项目发展得越渐越大,我们前端程序员要从0开始去搭建一套完整的项目很费时,所以这时候前端工程的手脚架就出现了. 我用得vue-cli也是其中之一,还有其他的我也说不清,我就说一下我接触比较多的这款vu ...

vue表单绑定实现多选框和下拉列表的实例 2017-01-02

本篇文章主要介绍了vue表单绑定实现多选框和下拉列表的实例,小编觉得挺不错的,现在分享给大家,也给大家做个参考.一起跟随小编过来看看吧在vue的实际开发过程中,我们如何将以选中的值直接渲染到页面中,这次主要说的是多选框和下拉列表的实现: <label>测试多选渲染:</label> <div> <template v-for=&qu ...

Vue.js如何实现路由懒加载浅析 2017-01-01

Vue是可以自定义指令的,最近学习过程中遇见了一个需要懒加载的功能,发现网上这方面的资料较少,所以下面这篇文章主要给大家介绍了关于Vue.js如何实现路由懒加载的相关资料,需要的朋友可以参考借鉴,下面来一起看看吧.前言 懒加载也就是延迟加载,不知道大家在工作中有没有发现,当你的SPA(单页应用程序)变得复杂时,打包构建后的Javascript包会变得非常大,以至于严重影响页 ...

解决vuerouter使用history模式刷新后404问题 2016-12-20

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

浅谈vue-lazyload实现的详细过程 2016-10-14

本篇文章主要介绍了浅谈vue-lazyload实现的详细过程,小编觉得挺不错的,现在分享给大家,也给大家做个参考.一起跟随小编过来看看吧本文介绍了浅谈vue-lazyload实现的详细过程,分享给大家,也给自己留个笔记 首先 ,在命令行输入npm install vue-lazyload&&cnpm install vue-lazyload 然后,在main ...

VUEaxios上传图片到七牛的实例代码 2016-10-09

本篇文章主要介绍了VUE axios上传图片到七牛的实例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考.一起跟随小编过来看看吧浏览器上传图片到服务端,我用过两种方法: 1.本地图片转换成base64,然后通过普通的post请求发送到服务端. 操作简单,适合小图,以及如果想兼容低版本的ie没办法用此方法 2.通过form表单提交. form表单提交图片会刷新页面,也 ...

vue实现放大效果 2016-09-24

这篇文章主要为大家详细介绍了vue实现放大效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下本文实例为大家分享了vue放大展示的具体代码,供大家参考,具体内容如下 1.建立子组件,来实现图片方法功能: BigImg.vue <template> <!-- 过渡动画 --> <transition name="fade"& ...

vue2.0封装model组件的方法 2016-09-23

vue2.0封装model组件的方法
本篇文章主要介绍了vue 2.0封装model组件的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考.一起跟随小编过来看看吧本文介绍了vue 2.0封装model组件的方法,分享给大家,希望对大家有所帮助 单文件组件 使用单文件组件封装model的模板.逻辑和样式,之后就可以在页面中调用此通用组件. 需求 model有两个使用场景: 1.备注/修改密码(简易): 在 ...

vue组件实现文字居中对齐的方法 2016-09-22

vue组件实现文字居中对齐的方法
这篇文章主要为大家详细介绍了vue组件实现文字居中对齐的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下继续学习Vue,这次是一个组件的制作过程 先让我们来看一下组件的预期效果 上图为公司自营的一个微信商城的某一部分截图,可以看到红框内部分的文字多行与单行是居中对齐的,我们现在要做的就是使用Vue把里边的文字模块制作成一个可以复用的组件. 首先我们先把css部分拿下来 ...