<!DOCTYPE html>
<html>
<head>
<title></title>
<script src="./lib/vue-2.4.0.js"></script>
</head>
<body>
<!-- 子组件 -->
<template id="acount">
<div>
<!-- 在子组件展示父组件传递过来的数据 -->
<!-- <h1>组件{{name1}}{{num}}</h1> -->
<!-- 通过@click在子组件发送数据 -->
<h1 @click="sendData">组件</h1>
</div>
</template>
<!-- 父组件 -->
<div id="app">
<!-- //在父组件绑定数据 -->
<!-- <acount1 :name1='name'></acount1>
<acount1 :num='num'></acount1> -->
<!-- //父组件定义方法接收数据 -->
<acount1 v-on:send='getData'></acount1>
</div>
<script >
Vue.component("acount1",{
template:"#acount",
//在子组件接收父组件传递过来的数据
// props:{
// name1:String,
// num:Number
// },
methods:{
sendData(){
this.$emit('send',123)
}
}
});
var vm=new Vue({
el:"#app",
data:{
// name:"小小",
// num:123
},
methods:{
getData(value){
console.log(value);
}
}
})
</script>
</body>
</html>
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 25岁的心里话
· 闲置电脑爆改个人服务器（超详细） #公网映射 #Vmware虚拟网络编辑器
· 基于 Docker 搭建 FRP 内网穿透开源项目（很简单哒）
· 零经验选手，Compose 一天开发一款小游戏！
· 一起来玩mcp_server_sqlite，让AI帮你做增删改查！！