组件触发事件以及data 属性

最新推荐文章于 2023-03-13 11:00:16 发布

小涛涛啊！

最新推荐文章于 2023-03-13 11:00:16 发布

阅读量400

点赞数

分类专栏： vue 文章标签： vue

本文链接：https://blog.csdn.net/t5555666/article/details/109015709

版权

.native 子组件上添加事件（父组件），触发事件，没有.native无法触发

无法在组件直接使用事件，需要加修饰符来实现根元素上监听原生事件
（把vue组件转化成一个普通的HTML标签，并且对普通的HTML标签是没有任何作用的）
为什么组件里的data是函数？

在组件中，因为可能在多处调用同一组件，为了不让多处的组件共享同一data对象，只能返回函数。
data为对象的话会报错，为了理解这种机制，我们假设data为一个对象，那么这同一个对象有可能被很多实例共享，一个实例改变其它也会跟着变，这明显是不对的。而通过data函数，每新建一个实例，都会调用data来return一组新的原始数据。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="js/vue.min.j

最低0.47元/天解锁文章

小涛涛啊！

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
组件触发事件以及data 属性

.native 子组件上添加事件（父组件），触发事件，没有.native无法触发无法在组件直接使用事件，需要加修饰符来实现根元素上监听原生事件（把vue组件转化成一个普通的HTML标签，并且对普通的HTML标签是没有任何作用的）为什么组件里的data是函数？在组件中，因为可能在多处调用同一组件，为了不让多处的组件共享同一data对象，只能返回函数。data为对象的话会报错，为了理解这种机制，我们假设data为一个对象，那么这同一个对象有可能被很多实例共享，一个实例改变其它也会跟着变，这明显是
复制链接

扫一扫