![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
怡怡子˙Ꙫ˙
码农
展开
-
vue $emit的用法
*子组件可以使用 props 接收父组件的数据*子组件可以使用 $emit 触发父组件的自定义事件实例:子传父son.vue<template> <div> <!-- <h1>我是子组件,我接受来自父组件的name(父传子):{{fatherName}}</h1> --> <br /> <button @click="goSend()">点击将子组件的name发送给父组件(子传父)<原创 2021-06-12 14:16:19 · 1474 阅读 · 0 评论 -
vue中ref和$ref
基本用法1、本页面获取dom元素<template> <div id="app"> <div ref="testDom">---我是textDom节点的内容---</div> <button @click="getTest">获取testDom节点</button> </div></template><script>export default { name:原创 2021-06-12 10:59:28 · 440 阅读 · 0 评论 -
Vue基础学习 组件传值部分
一、组件的创建语法<div id="example"> <my-component></my-component></div>//js部分<script> Vue.component('my-component',{ data(){ return{ msg:'hello' } }, template:`<div>{msg}}</div>`, })</script&g原创 2021-05-18 15:09:03 · 117 阅读 · 0 评论