Zong_0915的博客

最近在写Vue3的时候，有时候希望将子组件标签包裹起来的内容传入到子组件中，例如：< div > < Son > < 父组件定义功能模块 > < div > < Son > < 父组件定义功能模块 > < div > < Son > < 父组件定义功能模块 > < Son > < 父组件定义功能模块 >

给我们自定义的标题内容区域添加一个点击阻止事件。但是我们单独点击这两个按钮，会同时触发。那如何把两者分开呢？中，自定义了标题，定义了一个。

- 自定义下拉图标 -- > < template #expandIcon > < a @click = "fold" > {isFold?"展开" : "收起" } } < DownOutlined v - if = "isFold" / > < UpOutlined v - else / > < / BaseButton > < / template > < a - collapse - panel key = "1" : header = "flightCollapseTitle" >

vue中有很多内置的指令，我们一般在开发中也经常用到，比如v-if，v-for等等。那么本篇文章就来讲一讲如何自定义指令。

父组件在传递给子组件的时候，命名上我测试下来没有什么特殊的要求。结果如下：无论是使用下划线分割还是原名，都可以正常接收。一般编码的时候，习惯这样：命名的时候采取。经过测试，父组件在传函数的时候，使用。父组件在给子组件传递变量的时候，例如，我写一个简单的子组件。法（每个单词的首字母小写）。子组件的接收：驼峰命名法。法，和上述案例一个效果。命名法，使用的时候采取。

根据上文的用处介绍，我们这样设计这个组件RouterVIew通过useRouter获取当前路由的实例，这样就可以拿到当前的路由了，也就是的值。在用户路由配置route中计算出匹配的组件，在template内部使用:is来指定component组件动态渲染。// 引入自定义的组件 import {// 获取自定义的路由实例，希望通过它获得当前路由 currentPath let router = useRouter();?null;});备注：看下我们外部对于routes。

这节我们主要从案例出发，用Vue3的写法写父子组件之间的属性传递。

即你传入的整体一定是一个字符串。只不过它的内容体是一个三元表达式。添加好之后，我们点击加1按钮，看看会发生什么？

近期，我需要支援兄弟组帮忙写页面，而对应使用的前端框架是Vue3，不再是我自己熟悉的React。趁此机会，复习一下Vue（会，但是不熟）以及学习下Vue3相关知识。这里我主要看的是大圣老师的《玩转 Vue 3 全家桶》再说Vue3之前，我们先来说下Vue2的一些问题。先从上面的案例出发，我们来看几个问题。当代码量增多，尤其是响应式变量增多，而且还和函数进行关联绑定的时候。当代码行很多的时候，在代码编写的时候，无法避免的会在代码中上下滚条滚动，即反复横跳。编写不方便。即所有的都在一个对象里配置，不易维护。