vue.js父组件怎么传值给子组件

vue.js父组件怎么传值给子组件,第1张

组件通过$emit方法向父组件发送数据,子组件在父组件的模板中,通过自定义事件接收到数据,并通过自定义函数 *** 作数据

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Document</title>

<script type="text/javascript" src="vue.js"></script>

</head>

<body>

<!-- 子组件向父组件传递数据 -->

<div id="box">

<v-parent></v-parent>

</div>

小程序js中引入组件如一下步骤:

1、准备好外部想要引入的外部文件,命名为util.js,并且填充固定的文件内容(一般是固定的库)。

2、打开util.js,继续填写重要内容将要使用的方法用module.exports给暴露出来。

3、将外部js放在指定的文件夹utils里(utils规定存放js库和数字格式化文件)。

4、在想要用到这个方法的js里面require这个js,然后调用即可。

1. 父组件 ->前几层子组件: props 2. 父组件 ->非常深入的子组件(比如从最顶层到第5层以后): context 这种情况几乎很少见,除非写框架或者工具,最好是只用props,清晰明了 3. 子组件 ->父组件:callback


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11855151.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-19
下一篇2023-05-19

发表评论

登录后才能评论

评论列表(0条)

    保存