Vue组件的使用
发布网友
发布时间：2022-09-07 17:44
共1个回答
热心网友
时间：2024-02-24 02:48
通过ref来获取页面上的dom
若在一个组件<item>中添加上ref，那么获取到的dom就是对应的组件，也就是可以获取到组件的引用。
可以获取到组件中定义的data数据
父组件传值给子组件通过属性来传。
过来的值赋值给定义的值，然后修改那个值
子组件通过事件触发来向父组件传值
定义一个全局组件
父组件给子组件通过属性传递一些值，而子组件做的一些约束就是组件的参数校验
父组件要传一个名叫content的属性，而子组件刚好定义了content的prop，这个就是props特性
非props特性
例如：给子组件的标签中定义一个click事件
上面的实现是错误的，原因就是在子组件中定义的@click中的click是监听的自定义事件的名称，它是接收子组件触发的事件名称，如：this.$emit('click')，@click是接收这样的事件的，并不是我们熟知的点击事件
实现上面的例子
方法一：
方法二
在click中添加.native就可标明为原生事件
方法一，使用Vuex
方法二，使用发布订阅模式，也称为总线机制
怎么使父组件给子组件优雅的传递dom，例如父组件要给子组件传递<p>Dell</p>
按以往的方法应该是
使用slot可以解决问题
如果template中有多个<slot>，那怎么确定哪个slot要那些dom呢
可以通过名称来确定对应的dom，如
通过动态组件来怎么实现呢
切换的时候，每次都是先销毁，然后再创建子组件，每次切换都销毁和创建
v-once就是为了避免这种情况的发生，使用v-once第一次展示的时候，会将组件放到内存中，第二次就不需要创建组件了，可以直接从内存中读取到
参考
Vue.js API文档
慕课网：Vue2.5开发去哪儿网App 从零基础入门到实战项目
