## 前言

使用Vue自动封装组件时，有时会需要传入一些钩子函数，用于实现一些特殊功能的回调，最常见的就是父子组件交互，有时传入的函数会在组件初始化自动执行，这是为什么？

答案：你在传递函数时使用了`()`！



## 实例讲解

```html
<MyComponent :back="backup()" />
```

如上代码，`backup()`会在 `MyComponent` 渲染时被立即调用，原因就是在模板中使用了括号 `()`，这会导致 Vue 在渲染时立即调用该方法。

### 解决方法：

将方法名传递而不是直接调用它。你可以去掉括号，将方法作为参数传递，而不是执行方法。

修改后的代码：
```html
<MyComponent :back="backup" />
```

## 总结

- 组件传入函数带括号，表示立即调用这个函数。
- 组件传入函数不带括号，表示将函数作为一个引用传递给组件，只有在需要时才会调用。

## 拓展，

以Vue3的最新语法为例，组件内部调用传入函数：

- MyComponent
```ts
<script setup lang="ts">
    // 接收函数
    const { back } = defineProps(["back"]);
    const closeme = () => {
        // 调用函数
        back();
    }
</script>
```

Vue自定义组件传入函数，为什么立即自动执行了？

现在是“法治”社会，人们都“信仰”法律，所以奉劝各位老板们：

**多行不义必自毙。**

为什么这么说？看最近发生的两件事就知道了。前有捅小孩，后有扔厅长，还有什么是他们不敢干的吗？

当然，这两件事完全是两个群体的所作所为，他们的目的和动机都是完全不同的两个领域，但从行为和结果来看，确又是及其的相似：**害人害己**。

> 老狗要声明一点，将这两件事放在一起，只是为了表达现在的乱象频出，并不是说这两件事中的人都是“多行不义”之人，这点必须表明。至于谁是“多行不义”之人，就看你自己理解了。



那么试问，为什么这样完全不同的两个群体，会做出这么相似的举动呢？这个问题留给你自己思考。

老狗想说的是，在现在的环境下，各种压力都非常的大，越是底层压力就会越大，因为上面的每一层都会想着将压力传导下去，让下面的人帮着顶住这份压力，所以如果你不是最底层，你最该担心的就是：**不要成为压倒骆驼的最后一根稻草。**

说到这里，老板们应该都能理解老狗想表达的意思，简单来讲：如果你刚好就是压倒骆驼的最后一根稻草，骆驼可能会在倒下前给你来一个猝不及防的回首刀，这其实是谁都不想看到的结果。如果你是老板，当你想通过一些不正当手段保护自己的利益的时候，是否想过，通过正当手段也能保护自己的利益？如果人人都通过不正当手段谋取利益，长此以往，最终结果就必然不会有什么好下场，你都当老板了，相信你必然明白这个道理。（`PS：这也是很多老板们赚了钱就移民跑路的一大原因，当然这么干的不止有老板这类人，另一大群体不便多说，大家自行发挥`）

**当然，这些道理不仅仅适用于老板们，也适用于每一个人，在每个人压力山大的现在，生活中的任何一件小事都可能成为压倒骆驼的最后一根稻草，我们在现实生活中，应该尽可能平和、善意的去待人接物，不是为了别人，而是为了我们自己。**

最后，如果你是还没有实力跑路或本身就没有跑路想法的老板，老狗认为你们做决策的时候，真的需要考虑这些东西了，不是老狗危言耸听贩卖焦虑，而是为了大家共同挺过这段压力期，不要在身边出现大家都不想看到的事情。

总之，为了你好，为了我好，为了中华民族更好，醒醒吧。（`PS：有实力跑路的老板，您就当老狗放了个屁`）

言尽于此。

通过最近的两件事，提醒全中国的老板们

原帖链接：https://x.com/tanyabayeranime/status/1835915601405194636

![red](https://images.oldmoon.top/images/beauty/1726555182208-0.jfif)

20240917欣赏：红发

现在很多年轻人想要学习理财时，想要投资A股时，绕不开的问题就是：“A股现在低点了，可不可以买？什么时候能买？”

我的几个判断方式，仅供参考（`免责：不做任何投资建议`）：
- 博士/教授的文章/视频不会因“违规”内容而被封号/删帖时；
- 城管不再“打砸抢烧”时；
- 全部国民各种社会福利待遇一致时；
- 不再“送”非洲钱时；

## 前言

> 本文由AI生成

言论自由是现代民主社会的基石之一，不仅在政治和文化领域发挥着重要作用，在经济领域也有着深刻的影响。经济与言论自由之间的关系，不仅涉及到市场效率、创新能力，还与社会稳定和经济持续发展紧密相关。本文将详细探讨言论自由如何影响经济运行，并分析两者之间的互动关系。

### 言论自由的定义与内涵
言论自由通常是指个人或团体有权表达思想、观点、信仰或感受的权利，而不必担心因言论受法律、政府或其他力量的压制。它包括了新闻自由、信息自由流通、公众参与政治辩论等多方面的内容。对于一个经济体来说，信息的自由流通和透明度至关重要，而这些都与言论自由息息相关。



## 言论自由与市场经济的相互作用

### 提高市场透明度和效率

在一个有言论自由的社会中，企业的行为、市场信息和经济政策都能够更公开透明地传播。透明的信息环境可以减少投资者和企业的决策风险，提高市场的效率。投资者能够根据公开、透明的市场信息做出更理性的投资决策，避免市场信息的不对称带来的不必要损失。

例如，媒体自由能够揭露企业的违规行为，市场中的不公平现象可以被暴露出来，推动经济系统更健康地运转。

### 促进创新和创业

创新是经济增长的引擎，而言论自由为创新提供了有利的土壤。在开放的言论环境下，不同的思想和观点能够自由碰撞，产生出新的创意和技术。企业家和发明者可以畅所欲言，交流想法，从而促进创新成果的产生和应用。
反之，在言论受限的社会中，创新可能受到压制，因而影响经济长期的竞争力。例如，历史上许多技术创新的突破都是在言论相对自由的社会中产生的，这样的社会为不同声音提供了展示的舞台。

### 减少腐败与权力滥用

言论自由能够有效监督政府和权力机构的行为，防止腐败的蔓延。经济学家普遍认为，透明的政府和权力监督是经济可持续增长的前提。自由的媒体和公民言论的开放，能够揭露权力滥用、官僚主义和贪污行为，从而提高社会资源的合理分配效率。
政府的经济政策和决策在公开讨论中得到检验，公民能够表达自己的不满和建议，推动政策改进。这有助于政府制定更符合公众利益的经济政策，避免因信息不对称而导致的经济失衡。

## 言论自由不足对经济的影响

### 信息不对称加剧市场失灵

在一个言论受限的环境中，关键信息可能会被扭曲或封锁，导致市场信息不对称。这种情况下，投资者无法获得真实的市场信息，难以做出明智的决策，可能引发金融危机或市场泡沫。例如，一些国家的金融危机和经济崩溃与市场信息的不透明有着直接关联。

### 创新受限，经济活力下降

创新需要开放的思想环境。当言论受到严格管制时，创新型企业或个人的声音可能被压制，导致社会整体的创新能力下降。没有足够的思想碰撞和自由讨论，企业和社会的进步会受到阻碍，长期来看会削弱经济的竞争力。

### 社会不稳定与经济风险

当言论受限，民众的意见得不到正常表达时，可能会导致社会不满和不稳定。这种社会动荡不仅影响国家经济的发展，还可能导致资本外流、投资减少等现象。社会的和谐与稳定是经济发展的重要保障，失去言论自由的社会往往面临更高的政治和经济风险。

## 言论自由在全球经济中的作用

从全球视角看，言论自由与经济的关系在不同国家和地区表现出明显的差异。言论自由程度较高的国家，如北欧国家、美国和日本，通常具有更强的经济创新力、更稳定的市场体系和更高的生活水平。而言论受限的国家，经济发展的质量往往较低，社会不稳定性也更大。

北欧国家的例子：瑞典、挪威等国拥有高度开放的言论环境，这些国家的经济结构具有强大的创新能力，并以高水平的社会福利和经济透明度著称。

中国的特殊情况：中国的经济奇迹是在一个相对言论受限的环境下实现的，这与全球普遍的经济与言论自由关系有所不同。然而，随着经济体量的增长，许多经济学家认为中国也面临如何平衡言论自由与经济可持续发展的挑战。

## 结语

言论自由与经济的互动关系错综复杂，言论自由不仅仅是政治民主的象征，更是经济健康发展的基石。无论是促进市场透明度、推动创新，还是减少腐败与权力滥用，言论自由在现代经济中都扮演着不可或缺的角色。相反，言论受限会增加市场风险，抑制经济活力，甚至可能引发社会动荡。因此，保障和促进言论自由，不仅有助于提升经济效率，还能促进社会的长期繁荣与稳定。

在全球化和信息化日益加深的今天，言论自由的重要性愈发凸显。经济的长远发展离不开自由流动的信息和思想，这也为各国提供了新的视角和政策思考方向。

A股什么时候可以买？言论自由与经济的关系

## 前言

在`Nuxt3` 中，`useFetch` 和 `$fetch` 是两个常用的工具，分别用于进行数据获取和 `API` 请求。尽管它们在功能上看似相似，实际应用场景和背后的工作机制却有所不同。

通过这篇文章，我们将深入探讨 `useFetch` 和 `$fetch` 的区别、它们的各自作用以及适用场景，最终帮助开发者在使用 `Nuxt3` 时做出明智的选择。

### 什么是 Nuxt 3？

`Nuxt3` 是基于 `Vue3` 的服务端渲染（`SSR`）框架，旨在简化复杂的 `Vue` 应用的开发流程。`Nuxt` 提供了许多增强的功能，如自动路由生成、服务端渲染、静态网站生成、`API` 数据预获取等。在数据获取方面，`Nuxt 3` 引入了多个工具和钩子函数，`useFetch` 和 `$fetch` 就是其中的两大核心工具。



## useFetch

`useFetch` 是 `Nuxt3` 提供的一个特殊的组合式 `API`，用于在组件中执行数据获取请求。它的主要特点是能够与 `Nuxt` 的服务端渲染（`SSR`）无缝集成，自动处理请求的生命周期，并支持对数据进行预获取（`Prefetch`）。`useFetch` 支持同时在客户端和服务端运行，并能够自动识别执行环境。

### 特点

1. 自动 `SSR` 支持：能够在服务端预取数据，并在客户端进行数据的重用。
2. 支持懒加载（`Lazy fetch`）和缓存。
3. 与 `Vue3` 的响应式系统集成，支持数据的自动更新。
4. 可以与其他组合式 `API`（如 `useAsyncData`）结合使用，方便管理异步数据。

### 示例

```html
<script setup>
const { data, pending, error } = useFetch('https://api.example.com/data')
</script>

<template>
  <div v-if="pending">Loading...</div>
  <div v-else-if="error">Error: {{ error.message }}</div>
  <div v-else>{{ data }}</div>
</template>
```

在上面的例子中，`useFetch` 被用于在组件初始化时从 `https://api.example.com/data` 获取数据，并通过 `Vue` 的响应式系统自动更新组件状态。这种数据获取方法非常适合服务端渲染和静态页面生成的场景。

## $fetch

`$fetch` 是一个与 `useFetch` 不同的工具，它是 `Nuxt3` 内置的一个轻量级的 `HTTP` 请求库，用于在代码的任意地方执行 `API` 请求。相比 `useFetch`，它更类似于 `axios` 或 `fetch API`，但在 `Nuxt` 环境下经过了优化。

### 特点

1. 支持在任何地方使用：包括 `Vue` 组件、`Nuxt` 插件、服务端中间件等。
2. 内置对跨域、错误处理、超时等常见问题的处理。
3. 灵活性高：可以自定义请求头、请求方法、序列化参数等。
4. 支持客户端和服务端环境下的无缝运行。

### 示例

```html
<script setup>
import { $fetch } from 'ohmyfetch'

const fetchData = async () => {
  try {
    const data = await $fetch('https://api.example.com/data')
    console.log(data)
  } catch (error) {
    console.error('Fetch error:', error)
  }
}

fetchData()
</script>
```

在这个例子中，`$fetch` 被用于从 `API` 获取数据。它没有与 `Nuxt` 的 `SSR` 或响应式系统紧密集成，因此更适合用于那些不需要响应式数据绑定的场景，例如数据预处理、插件开发等。

## 核心区别

`useFetch` 与 `$fetch` 的核心区别
尽管 `useFetch` 和 `$fetch` 都可以用于获取数据，但它们的适用场景和技术细节却存在明显差异。以下是两者的核心区别：

### 1. SSR 集成与客户端渲染

- `useFetch`：是专为服务端渲染和客户端渲染无缝集成而设计的。它能够自动识别当前的渲染环境，并根据环境自动在服务端或客户端执行数据请求。在服务端渲染过程中，`useFetch` 会预先获取数据，并将数据注入到客户端，避免了页面的闪烁或延迟渲染问题。
- `$fetch`：虽然 `$fetch` 也可以在服务端和客户端执行请求，但它并没有自动集成 `SSR` 的能力。它更类似于传统的 HTTP 请求工具，适用于在需要手动管理数据请求和状态的场景中使用。

### 2. 响应式数据绑定

- `useFetch`：与 `Vue` 的响应式系统集成得很好，返回的数据会自动转换为响应式的，这意味着当数据变化时，Vue 组件会自动重新渲染。因此，`useFetch` 更适合需要在页面中直接展示数据的场景，例如列表渲染、表单填充等。
- `$fetch`：作为一个普通的 `HTTP` 请求库，`$fetch` 返回的并不是响应式数据。如果你希望对数据进行响应式管理，需要手动将其转换为响应式状态。例如，可以使用 `reactive` 或 `ref` 来处理数据的变化。

### 3. 数据缓存与懒加载

- `useFetch`：支持数据的懒加载和缓存。懒加载意味着可以推迟数据请求，直到某个条件满足时才执行；缓存则能提高性能，避免重复的网络请求。
- `$fetch`：没有内置的懒加载或缓存机制，它仅仅是一个简单的 `HTTP` 请求工具。如果需要缓存或懒加载功能，需要手动实现。

## 总结：如何选择 useFetch 和 $fetch？

选择使用 `useFetch` 还是 `$fetch` 取决于你的使用场景和需求。

- 选择 `useFetch`：当你需要与组件生命周期集成，并且希望数据获取能够自动响应式更新时，useFetch 是一个理想的选择。它特别适合在 `SSR` 场景下进行数据预取，并且可以无缝集成到 `Nuxt` 的静态站点生成流程中。
- 选择 `$fetch`：当你需要在非组件环境（如插件、中间件或独立函数）中进行 `API` 请求时，`$fetch` 提供了更高的灵活性。它是一个通用的 `HTTP` 请求工具，适合于那些不需要 `SSR` 集成或响应式数据的场景。

总结来说，在 `Nuxt3` 中，`useFetch` 是为那些需要`数据预获取`和 `SSR` 场景而设计的强大工具，而 `$fetch` 则为更加`灵活的API请求场景`提供了简洁的解决方案。在开发中，根据项目需求合理选择，能够极大提升开发效率。

useFetch和$fetch的区别【Nuxt3】

twitter:card

twitter:creator

twitter:site