vue父组件向子组件传递数据

最新推荐文章于 2023-07-15 00:20:26 发布

Mrzhouzh

最新推荐文章于 2023-07-15 00:20:26 发布

阅读量219

点赞数

文章标签： vue

本文链接：https://blog.csdn.net/Mrzhouzh/article/details/115281311

版权

<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title></title>
</head>

<body>
	<div id="app">
<!-- 如果不用:就会当成字符串传过来  用:就会当为变量 -->
<!-- <cpn :cmovies='movies'></cpn> -->
<!-- 必传值 :cmessage='message' -->
<cpn  :cmessage='message' :cmovies='movies'></cpn>
	</div>

<template id="cpn">
<div>
<ul>
	<li v-for='item in cmovies'>
{
  {item}}
	</li>
</ul>
	<H2>{
  {cmessage}}</H2>
</div>

</template>

	<script src="../js/vue.js" type="text/javascript" charset="utf-8"></script>

	<script type="text/javascript">
// 父传子：props
	const cpn = {
			template:'#cpn',
			// 数组格式
			// props:['cmovies','cmessage'],
		props:{

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Mrzhouzh

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
vue父组件向子组件传递数据

<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title></head><body> <div id="app">
复制链接

扫一扫