xidongdong1的博客

前言使用vue-resource请求接口非常方便，在使用前需安装vue-resource依赖并在入口文件main.js中声明。实例功能简述本实例只有简单的两个模块：登录和注册，主要演示如何用vue-resource请求接口以及后期逻辑书写。各个功能如下所示：登录模块登录-用户不存在登录-密码错误登录-成功注

data() { return { customized_descs: [1]， } },不要js,jq里面的方法了。。。

需求描述：点击按钮，发起一个异步请求，将请求到的数据复制到剪切板。emmmmm半天尝试了很多百度来的方法，都不能满足需求，后面使用了Clipboard.js动态设置文本的方法和把ajax请求设置为同步的，实现了异步的复制。clipboard.js使用方法介绍直接看实现代码：<b-button id="LinkBtn" class="myLinkBtn btn" @click="CopyMyL...

v-model在input元素上时v-model虽然很像使用了双向数据绑定的 Angular 的 ng-model，但是 Vue 是单项数据流，v-model 只是语法糖而已。第一行的代码其实只是第二行的语法糖。<input v-model="sth" /><input v-bind:value="sth" v-on:input="sth = $event.target.val...

/* broadcast 事件广播 @param {componentName} 组件名称 @param {eventName} 事件名 @param {params} 参数 遍历寻找所有子孙组件，假如子孙组件和componentName组件名称相同的话，则触发$emit的事件方法，数据为 params. 如果没有找到 则使用递归的方式 继续查找孙组件，直到找到为止，否则继续递归查找，...

如下可以看到当我们刷新页面时，图片的请求特别多但实际上我们首屏幕上只有几张图片，那能不能做到我们只去请求首屏的图片，而其他图片当我们滚动到它的时候再去请求和加载。就是我们常说的图片懒加载技术。在此利用vue的第三方插件vue-lozyload。Github链接：https://github.com/hilongjw/vue-lazyloadnpm下载安装成功后，在main.js

和后端联调时总是会面对恼人的跨域问题，最近基于Vue开发项目时也遇到了这个问题，两边各自想了一堆办法，查了一堆资料，加了一堆参数，最后还得我把自己的localhost映射成上线时将要使用的域名。今天翻看代码时，突然发现vue-cli的config文件里有一个参数叫proxyTable，看这个名字就感觉能解决问题，于是我就去搜了一下，果然。在vuejs-templates，也就是vue-cli的

前言：记录在学Vue中需要注意的问题1.给link添加事件、给组件绑定原生事件在vue-router1中使用v-link写入路由，但是在vue-router2中要使用router-link写入路由，在浏览器渲染的时候会把router-link渲染成a。有时候需要为router-link注册事件，对于一般的html元素，直接使用@click="eventFun"即可，但是对于rout

先看实现后的效果：点击立即购买：确认购买：支付成功后跳转到订单列表页面：项目目录把导航和底部的内容layout.vue作为跟组件先完成导航部分的制作，包括登录弹窗的显示，其中涉及到的有layout、dialog、logForm.vue//layout.vue class="app-head">

要实现的效果如下： class="newsList"> v-for="(items, index) in newsList"> class="date">{{showDay(index)}} class="list" > class="list-item" v-for="item in items">

一.BaseCounter接收参数max、min，当number内容改变时返回父组件on-change事件//counter.vue class="counter-component"> class="counter-btn" @click="minus"> - class="counter-show"> type="text" v-model

效果如下，dialog中内容自行添加 class="dialog-wrap"> class="dialog-cover" v-if="isShow" @click="closeMyself"> name="drop"> class="dialog-content" v-if="isShow"> class="

前言在开始开发实例前，应首先了解一下vue-cli的项目结构。接着我们一起来实现一个小demo——人员管理，功能简单，通过这个实例让大家熟悉使用vue-cli开发项目的一些操作，加深对vue-cli项目结构的印象。实例功能简述人员管理项目，有两个页面，首页和管理页，管理页主要实现一个简单的增删改功能，各个功能如下所示。

实现一个幻灯片组件        回顾一下在vue里面组件之间的交互，父组件向子组件传递信息，通过的是子组件的属性props；子组件想要通知父组件一些事件，是通过自定义事件来实现的。那么想一下，幻灯件作为子组件，需要怎样的属性和事件呢？在事件上，可以设置一个onchange事件，每一次幻灯片切换了，都会通知父组件，这个事件可以带一个参数，可能是当前在哪个页面；父组件需要告诉子组件我们要展示的图

一、安装npm install vue-resource --savenpm install json-server --save二、配置与使用vue-resource// main.jsimport VueResource from 'vue-resource'Vue.use(VueResource) this.$http.get('api/getNe

前言在了解父子组件之前应先掌握组件开发基础。在实际开发过程中，组件之间可以嵌套，也因此生成父子组件。父子组件创建流程1.构建父子组件1.1 全局注册(1)构建注册子组件/构建子组件childvar child = Vue.extend({ template: '这是子组件'});//注册名为'child'的组件Vu

前言构建了一个vue-cli项目，网上教程很多，这里就不做详细赘述了。总体框架一个vue-cli的项目结构如下，其中src文件夹是需要掌握的，所以本文也重点讲解其中的文件，至于其他相关文件，了解一下即可。文件结构细分1.build——[webpack配置]build文件主要是webpack的配置，主要启动文件是dev-se

本文不涉及罕见API使用方法等，大部分内容都是基于对vue的一些实践而已。由于涉嫌投机取巧，可能会带来一些不符合规范的副作用，请根据项目要求酌情使用。1. 多个页面都使用的到的方法，放在vue.prototype上会很方便刚接触 vue 的时候做过一件傻事，因为封装了一个异步请求接口post,放在 post.js 文件里面，然后在每个需要使用异步请求的页面引入import port ...