v-for="(item,key,index) of userInfo"userInfo:{name:"qgz",age:28
}vm.$set(vm.userInfo,address,"beijing")//set方法添加响应属性(值改变,页面中也变化)
复制代码

注意 mounted 不会承诺所有的子组件也都一起被挂载。如果你希望等到整个视图都渲染完毕,可以用 vm.$nextTick 替换掉 mounted

<ul>
<li is="组件">
复制代码
操作DOM:
ref="引用名"
this.$refs.引用名.操作
复制代码
操作组件:
<子组件 ref="引用名">
this.$refs.引用名.复制代码
子组件的data必须是函数
父组件可以不是
复制代码
两个子组件count++时,实现父组件总的count更新:
子组件中:
count++后
this.$emit('change')
<seller @change="handleChange">
父组件:
method中注册:handleChange
复制代码

@事件 @是监听的意思

子组件props接收父组件传来的
变量count,不能修改count。
但可以
data(){
return {
number: this.count
}}
复制代码
<子组件 :变量="数据">
<子组件 变量="字符串">
复制代码

子组件接收参数,处理校验:

props:{content:{type:String,//   require:false,//是否必传//  default:'default value',validator:function(value){return (value.length>5)}}
}
复制代码

子组件上绑定的事件不是原生事件(click),加上native才是

<子组件 @click.native="handleClick">
复制代码

非父子组件传值: 方案一:bus/总线/发布订阅/观察者模式

Vue.prototype.bus=new Vue()
//每个实例都有bus属性
组件的methods里
this.bus.$emit('change',this.content)
另一组件:
mounted:function(){var _this=this;this.bus.$on('change',function(msg){_this.content=msg;})
}
复制代码

晚上:上课笔记,听完自己独立完成相关推荐

  1. Redis教程(上课笔记)

    Redis教程 1. 什么是NoSql NoSQL一词最早出现于1998年,是Carlo Strozzi开发的一个轻量.开源.不提供SQL功能的关系数据库.2009年,Last.fm的Johan Os ...

  2. 听完计算机讲座的感想,听讲座心得体会5篇

    听讲座心得体会5篇 讲座是一种教学形式,多利用报告会.广播等方式进行.以下是小编整理的听讲座心得体会,欢迎大家参考! 听讲座心得体会1 我认为一位师德高尚的老师,应该不只是爱正常的学生,还要学会爱每一 ...

  3. 听完计算机知识讲座后感悟,听专题讲座心得体会范文(精选10篇)

    听专题讲座心得体会范文(精选10篇) 我们在一些事情上受到启发后,不妨将其写成一篇心得体会,让自己铭记于心,它可以帮助我们了解自己的这段时间的学习.工作生活状态.怎样写好心得体会呢?以下是小编整理的听 ...

  4. Node.js b站教学视频汇总笔记(完)CommonJS模块规范、 require、npm、Express(中间件)、MongoDB、MySQL

    文章目录 Node.js b站教学视频汇总笔记(完)CommonJS模块规范. require.npm.Express(中间件).MongoDB.MySQL 1. Node介绍 为什么要学习Node. ...

  5. ”世人听完先是给了5ooo多一颗丹就能培养一个剑皇级高手的丹药

    笑完之后,名道和水天无聊得不知道干嘛后,又开始了闭起眼睛来静修.等到时间都快到中午时,保罗等人才从新衣着一套武士服回到大厅之中,看到名道与另一少年在闭着眼睛静,众人也不敢打搅,于是就坐在名道下手处悄悄 ...

  6. 为什么计算机模拟不了人脑,为什么计算机永远不会拥有人类的意识?听完科学家的解释恍然大悟...

    原标题:为什么计算机永远不会拥有人类的意识?听完科学家的解释恍然大悟 人类是现在地球的霸主,是智慧生命.地球在6500万年前也有一类霸主生物,它们就是恐龙.可是恐龙尽管称霸地球1.6亿年的岁月,但是它 ...

  7. 【完结】听完这12次分享,你应该完成了AI小白的蜕变

    文章首发于微信公众号<有三AI> [完结]听完这12次分享,你应该完成了AI小白的蜕变 专栏<AI白身境>正式完结了,在这一个专题中,我们给大家从Linux的基本知识,讲到了深 ...

  8. 端午回家,听完你是做程序员,你家里人是什么反应?

    端午回家,听完你做程序员,家里人什么反应? ▽▽▽ 做安卓底层? 那你们这个要做几年才能做到中上层? ●●● 打英语,偶尔打英文, 一天一两百行,有时候十几行, 一行大概三四块, 每天写得越多越不值钱 ...

  9. 学习Linux第一次上课笔记

    一.配置IP地址 1.设置网络连接模式为NAT模式. 学习linux第二次上课笔记 2.获取IP地址,首先运行dhclinet服务,然后敲ip add进行查看,自动获取的IP地址. 学习linux第二 ...

最新文章

  1. TensorFlow 2.4来了!
  2. Xcode7 项目转 Xcode6 时 出现问题
  3. 回到顶部最简单的JQuery实现代码
  4. 网络知识 | 《图解HTTP》读书笔记(上)
  5. matlab显示曲线图中某个点的坐标值
  6. OpenShift 4 - DevSecOps Workshop (1) - 安装 Workshop 环境
  7. 2018 区块链技术及应用峰会(BTA)·中国全日程公布!
  8. Oracle数据库关闭的三种方法
  9. vCenter 6.0 vsca 安装遇到的一些小问题
  10. ARM各内核系列整型运算能力对比---DMIPS / MHz
  11. Excel批量导入SQL Server
  12. jsdroid 教程_南方Cass专题,全系列教程+插件汇总打包
  13. vue2使用element UI中Descriptions组件的遍历问题
  14. 关于“长尾理论”(The Long Tail)
  15. 关于王小云破解MD5之我见
  16. 世界最具影响力的100个品牌
  17. autocad2014 第二次打开闪退_解决win10下autocad2014闪退的修复方法
  18. 解决Windows 下git官网下载很慢
  19. 基于Spring+SpringMVC+MyBatis博客系统的开发教程(四)
  20. linux系统找不到网卡配置文件,Linux系统Centos没有网卡eth0配置文件的解决方法

热门文章

  1. 如何简单快速的了解区块链技术(结尾有惊喜)
  2. golang 面向接口编程
  3. vue 头部组件监控页面来源
  4. PHP中return的用法
  5. springboot整合通用mapper操作数据库
  6. CentOS 7虚拟机支持virsh console访问
  7. LeetCode004-寻找两个正序数组的中位数(Median of two sorted arrays)-Rust语言实现
  8. Go Web 编程--应用 ORM
  9. RocketMq 事务消息使用
  10. 金融壹账通京交会发布区块链白皮书 详解如何成功解决行业痛点