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. day18:正则表达式和re模块
			
    1,复习递归:返回值,不要只看到return就认为已经返回了,要看返回操作是在递归的第几层发生的,然后返回给了谁,如果不是返回给最外层函数,调用者就接收不到,需要再分析,看如何把结果返回回来,超过最大 ...
    
			
    2. 
						
  2. 装饰者模式在JDK和Mybatis中是怎么应用的？   java io包
			
    https://mp.weixin.qq.com/s/-bj71dBylRHRqiPorOpVyg 原创: 李立敏 Java识堂 3月10日 有一个卖煎饼的店铺找上了你,希望你能给她们的店铺开发一个收 ...
    
			
    3. 
						
  3. iOS系统NSNotificationCenter中的常用通知名称
			
    //音频 AVF_EXPORT NSString *const AVAudioSessionInterruptionNotification //音频中断出现 AVF_EXPORT NSString  ...
    
			
    4. 
						
  4. [daily] 比端口转发更高级的ssh device tunnel转发
			
    没有什么能够阻挡,你对自由的向往. 场景: 我有一台设备Server100,在某一个f复杂的内网里,需要多次ssh跳转可以访问到.但是它不能直接访问internet. 我现在需要在我的ssh路径上,搭 ...
    
			
    5. 
						
  5. kickstart ---无人值守安装
			
    kickstart 实战 http://man.linuxde.net/download/CentOS_6_9镜像 安装: 关闭防火墙 且在编辑虚拟网络的vnet8中要取消使用本地dhcp项 1.yu ...
    
			
    6. 
						
  6. 解决端口耗尽问题: tcp_tw_reuse、tcp_timestamps
			
    一.本地端口有哪些可用 首先,需要了解到TCP协议中确定一条TCP连接有4要素:local IP, local PORT, remote IP, remote PORT.这个四元组应该是唯一的. 在我 ...
    
			
    7. 
						
  7. vue中router使用keep-alive缓存页面的注意事项
			
    <keep-alive exclude="QRCode"> <router-view></router-view> </keep-aliv ...
    
			
    8. 
						
  8. 利用spring实现服务启动就自动执行某些操作的2种方式
			
    第一种方式,用bean的init-method属性 <bean class="com.emax.paycenter.log.LogBridge" init-method=&q ...
    
			
    9. 
						
  9. 二叉查找树ADT
			
    二叉查找树ADT 定义:是一个二叉树,其中每一个节点的值大于左子树的所有值而小于右子树的所有值 平衡二叉树:平衡是指一个二叉树的任何节点的深度均不得过深 AVL树 定义:是一个二叉查找树,每个节点的左 ...
    
			
    10. 
						
  10. 更改linux终端中用户名颜色
			
    用户名的设置在-下.bashrc文件中,更改PS1变量的值,如果没有就自己加一行 PS1='\[\e[32m\][\u@\h \W]#\[\e[m\] ' 32代表的是绿色前景色,\[\e[m\]是关 ...
    
			
    11.