vue render里面的nativeOn的解释官方的解释是:// 仅对于组件，用于监听原生事件，而不是组件内部使用 `vm.$emit` 触发的事件。

官方的解释比较抽象

个人理解:

父组件要在子组件上使用click事件，就像使用正常的html标签那样使用click，我们知道在vue中，我们这样写是没问题的，<h @click="do()"></h>,但是假如我们有一个组件叫comA,

<comA @click="do()"></comA>这样写肯定是不行的（除非子组件里面做了手脚哈），只要加上.native就可以生效<comA @click.native="do()"></comA>

仅用于组件这句话意思是:createElement()里面创建的不可以是原生html元素 而是组件，举例：createElement(‘p’，{nativeOn:{click:function(){}}})这个时候nativeOn就没有意义，而createElement(‘组件名称’，{nativeOn:{click:function(){}}})就会有意义，在最终页面上在该组件上发生了点击事件最终会触发nativeOn里面的Click事件

												


											
vue render里面的nativeOn的更多相关文章
	

    
								
  1. vue  路由里面的 hash 和 history
		
    对于 Vue 这类渐进式前端开发框架,为了构建 SPA(单页面应用),需要引入前端路由系统,这也就是 Vue-Router 存在的意义.前端路由的核心,就在于 —— 改变视图的同时不会向后端发出请求. ...
    
		
    2. 
						
  2. new Vue({ render: h => h(App), }).$mount('#app')
		
    这里创建的vue实例没有el属性,而是在实例后面添加了一个$mount('#app')方法. $mount('#app') :手动挂载到id为app的dom中的意思 当Vue实例没有el属性时,则该实 ...
    
		
    3. 
						
  3. 读 vue 源码一 （为什么this.message能够访问data里面的message）
		
    12月离职后,打算在年后再找工作了,最近陆陆续续的看了黄轶老师的vue源码解析,趁着还有几天过年时间记录一下. 目标:vue如何实现通过this.key,就能直接访问data,props,method ...
    
		
    4. 
						
  4. vue :class 可以接收 字符串 数组 和 对象 对象里面的key值 根据true或false 显示不显示
		
    vue :class 可以接收 字符串 数组 和 对象 对象里面的key值 根据true或false 显示不显示 https://cn.vuejs.org/v2/guide/class-and-sty ...
    
		
    5. 
						
  5. this.$refs.tabs.activeKey ref就是vue里面的id
		
    this.$refs.tabs.activeKey ref就是vue里面的id
    
		
    6. 
						
  6. drupal里面的ajax最粗浅的理解-流程
		
    1,  form里面的ajax所在地表单元素有一个事件,激发system/ajax,相应的有ajax_form_callback(), 会把被改变的元素值传到form_state[values]中,  ...
    
		
    7. 
						
  7. vue项目里的日期格式化
		
    在项目中,我们经常需要把后台传回的日期进行格式化,可以在common里定义一个公共的js export function formatDate (date, fmt) { if (/(y+)/.tes ...
    
		
    8. 
						
  8. 如何在 vue 项目里正确地引用 jquery 和 jquery-ui的插件
		
    copy内容的网址: https://segmentfault.com/a/1190000007020623 使用vue-cli构建的vue项目,webpack的配置文件是分散在很多地方的,而我们需要 ...
    
		
    9. 
						
  9. vue render function
		
    vue render function https://vuejs.org/v2/guide/render-function.html { // Same API as `v-bind:class`, ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. C0气体传感器分析
			
    1.外观.价格 2.工作原理 MQ-7 CO气体传感器使用的敏感元件为气敏材料(SnO2),该传感器对一氧化碳的灵敏度高. SnO2在洁净空气中电导率低,传感器的电导率随着空气中CO气体浓度增加而增大 ...
    
			
    2. 
						
  2. mybatis中namespace配置方式
			
    namespace有三种全路径的配置方式: namespace绑定实体类的全路径;绑定dao接口的全路径绑定;mapper的sql.xml文件第一种:namespace绑定实体类的全路径: 当name ...
    
			
    3. 
						
  3. java之项目构建工具Gradle
			
    介绍 Java 作为一门世界级主流编程语言,有一款高效易用的项目管理工具是 java 开发者共同追求的心愿和目标.显示 2000 年的 Ant,后有 2004 年的 Maven 两个工具的诞生,都在  ...
    
			
    4. 
						
  4. 希尔排序（Python实现）
			
    目录 1.for版本--希尔排序 2. while版本--希尔排序 3. 测试用例 4. 算法时间复杂度分析 1.for版本--希尔排序 def shell_sort_for(a_list): ''' ...
    
			
    5. 
						
  5. git bash支持中文
			
    打开Git Bash窗口-->右键-->Options-->text Locale:设置为zh_CN Charachter set:设置为UTF-8 保存,重新打开Git Bash, ...
    
			
    6. 
						
  6. taro初识一
			
    很早之前就听说京东的凹凸实验室发布的开源的一对多的开源框架---Taro,一对多指的是一套代码编译成多端代码使用,极大的节省了开发的效率和成本 废话不多说 第一步,和vue一样下载相应的是cli脚手架 ...
    
			
    7. 
						
  7. 数据库SQL的多表查询
			
    数据库 SQL 的多表查询:eg: table1: employees, table2: departments,table3: salary_grades; 一:内连接: 1):等值连接: 把表em ...
    
			
    8. 
						
  8. linux之tree命令
			
    linux下tree命令的用法解释 2018年03月22日 ⁄ RakSmart教程 ⁄ 共 583字 ⁄ 字号 小 中 大 ⁄ linux下tree命令的用法解释已关闭评论 tree命令,主要功能是 ...
    
			
    9. 
						
  9. Django框架详细介绍---模型---ORM
			
    一.概述 ORM(Object Relational Mapping),全称:对象关系映射,简单的说就是通过创建类.实例化出对象的方法,使得类.对象.对象的属性能够和数据库中的表.记录.字段意义对应. ...
    
			
    10. 
						
  10. 第六篇——Struts2的后缀
			
    Struts2后缀 1.Struts2默认后缀是action: 2.Struts2使用默认后缀时 *.aciton 和 * 都是同一个请求: 3.Struts2自定义后缀后只能使用自定义的后缀访问:  ...
    
			
    11.