vue2.0父子组件以及非父子组件如何通信

1.父组件传递数据给子组件 父组件数据如何传递给子组件呢?可以通过props属性来实现 父组件: <parent> <child :child-msg="msg"&...

2018-10-09 10:58:10

阅读数 108

评论数 0

vue2.0 #$emit,$on的使用

vue1.0中 vm.$dispatch 和 vm.$broadcast 被弃用,改用$emit,$on vm.$on( event, callback ) 监听当前实例上的自定义事件。事件可以由vm.$emit触发。回调函数会接收所有传入事件触发函数的额外参数。 vm.$emit( e...

2018-10-09 10:05:54

阅读数 201

评论数 0

vue中 关于$emit的用法

1、父组件可以使用 props 把数据传给子组件。 2、子组件可以使用 $emit 触发父组件的自定义事件。 vm.$emit( event, arg ) //触发当前实例上的事件 vm.$on( event, fn );//监听event事件后运行 fn;  例如:子组件:   ...

2018-10-09 09:51:23

阅读数 88

评论数 0

Vue实现购物车功能

本文实例为大家分享了Vuejs购物车实现代码,供大家参考,具体内容如下html:?123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585...

2018-07-03 12:13:27

阅读数 650

评论数 0

vue实现商城购物车功能

本文实例为大家分享了vue实现商城购物车功能的具体代码,供大家参考,具体内容如下首先,先上最终的效果图 效果并不是很好看,但是这不是重点。首先,我们先看下布局:?12345678910111213141516171819202122232425262728293031323334353637383...

2018-07-03 11:55:33

阅读数 1267

评论数 0

Vuejs实现购物车功能

开始更新前端框架Vue.JS的相关博客。功能概述学习了Vue.JS的一些基础知识,现在利用指令、数据绑定这些基础知识开发一个简单的购物车功能。功能要点如下: (1)展示商品的名称、单价和数量; (2)商品的数量可以增加和减少; (3)购物车的总价要实时更新,即数量发生变动,总价也要相应的改变; (...

2018-07-03 11:53:08

阅读数 768

评论数 0

vue学习17:给组件绑定原生事件

Vue.component('child', {              template: `<div>Hello world</div>`          })          var app = n...

2018-05-22 12:40:01

阅读数 233

评论数 0

vue项目学习:18-使用keepalive优化网页

在整个页面里,有个问题性能是不好的,那就是每当路由发生变化的时候,ajax都会被重新请求。有没有办法可以解决呢?当然有:但是这样会有一个问题:就是当我的城市列表页点击城市发生改变的时候,因为路由的页面从内存中获取,不在加载ajax,那么是有问题的。vue中如何解决这问题呢?其实在keepalive...

2018-05-22 12:30:18

阅读数 720

评论数 0

vue学习19:使用插槽

子组件中,显示一段内容,这一段内容不是子组件决定的,而是由父组件决定的。[html] view plain copy <div id="app">          <bcontent&a...

2018-05-22 11:50:46

阅读数 73

评论数 0

vue学习16:参数校验和非props属性

1、参数校验参数校验就是子组件对接受父组件传递的参数进行校验。具体如下警告如下:vue.js:597 [Vue warn]: Invalid prop: type check failed for prop "content". Expected String,...

2018-05-22 11:49:19

阅读数 543

评论数 0

vue学习15:父子组件传值

1、父组件向子组件传值翻译如下:避免直接对道具进行修改,因为每当父组件重新呈现时,该值将被覆盖。相反,使用基于该道具的值的数据或计算属性。也就是说,你不能直接在自组件里面去修改接收到的值,因为这样会导致其他组件的使用有问题,你应该在这个组件里面去改变属于它自己的数据或者属性。怎么写呢?代码如下:[...

2018-05-22 11:45:44

阅读数 321

评论数 0

vue学习18:非父子组件间的传值(bus/总线/发布订阅者模式/观擦者模式)

这里我比较疑惑的是为什么点击的时候,会console.log两次这是因为点击的时候。这个组件的方法被触发,因为上面的两个组件都是这个子组件,都会执行这个方法。console的是当前点击的content。所以第一个child和第二个child 都会执行该方法,console出来点击的组件的conte...

2018-05-22 11:44:18

阅读数 41

评论数 0

vue学习2:vue实现一个简单的todoList功能

这一节学到了v-for,v-model,v-on:click也就是@click,具体如下图:实现效果如下:

2018-05-22 11:39:35

阅读数 54

评论数 0

使用vue-axios和vue-resource解决vue中调用网易云接口跨域的问题

1. 新建vue项目1.1 新建项目新建项目vue init webpack axios_resource然后具体设置如下设置项目名称,项目描述,作者,Runtime + Compiler 回车即可注意这里要安装vue-router和ESLint然后Setup unit tests with Ka...

2018-05-21 15:33:23

阅读数 359

评论数 0

vue2+vuex+axios

github:https://github.com/HaixinZhao/Vue在vue2项目中,组件间相互传值或者后台获取的数据需要供多个组件使用的情况很多的情况下(后台获取数据存入vuex,组件之间共享数据),那么就需要用vuex来管理这些。整个的流程是在组件的created中提交dispat...

2018-05-21 15:30:14

阅读数 680

评论数 0

VUE 利用 webpack 给生产环境和发布环境配置不同的接口地址

我们在开发项目的时候,往往会在同一个局域网进行开发,前后端分离同时进行开发。我们前端调用后端给的接口也是在局域网内部的。但是,当项目推到线上的时候,我们会从真实服务器上获取接口,因此,我们可能在测试接口和真实接口之间频繁切换,让人十分恶心。因此,我们有必要想办法解决这个问题。本文是 Vue2+Vu...

2018-05-21 15:29:05

阅读数 705

评论数 0

VUEJS实战教程第一章,构建基础并渲染出列表

从接口获取数据首先,无论怎么样,我们先要从接口拿到数据才能接着往下干.我们通过jquery用ajax方法把数据拿过来再说.如下代码:$(function(){ $.ajax({ type:'get', url:"http://cnodejs...

2018-05-21 15:27:49

阅读数 144

评论数 0

让webpack+vue-cil项目不再自动打开浏览器

让webpack+vue-cil项目不再自动打开浏览器当我们用vue-cil建立一个完整的webpack+vue的项目之后,它的设置选项还是蛮多的。比如,当我们输入npm run dev开始跑起项目之后,就会自动的打开浏览器,并把页面打开。按理说,这是一个很方便的配置。问题是,我们在调试的过程中,...

2018-05-21 15:26:50

阅读数 319

评论数 0

VUEJS开发规范

VUEJS开发规范基于组件化开发理解组件命名规范结构化规范注释规范编码规范基于组件化开发理解什么是组件? 组件其实就是页面组成的一部分,好比是电脑中的每一个元件(如硬盘、键盘、鼠标),它是一个具有独立的逻辑和功能或界面,同时又能根据规定的接口规则进行...

2018-05-21 14:21:36

阅读数 350

评论数 0

axios面试题及答案

1、axios的特点有哪些?答:一、Axios 是一个基于 promise 的 HTTP 库,支持promise所有的API二、它可以拦截请求和响应三、它可以转换请求数据和响应数据,并对响应回来的内容自动转换成 JSON类型的数据四、安全性更高,客户端支持防御 XSRF2、axios有哪些常用方法...

2018-05-17 16:54:39

阅读数 2837

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭