caizy

监听Reactive let message = reactive({nav:{bar:{name:""}}}) watch(message, (newVal, oldVa...

监听多个ref 注意变成数组 let message = ref('') let message2 = ref('') watch([message,message2], ...

watch 需要侦听特定的数据源，并在单独的回调函数中执行副作用 watch的三个参数： watch第一个参数监听源 watch第二个参数回调函数cb（newVal,old...

computed购物车案例 进行总价的计算 $total = computed(() => { // 累加器 reduce(回调函数()=>{}, 初始值0) return...

computed用法 计算属性就是当依赖的属性的值发生变化的时候，才会触发他的更改，如果依赖的值，不发生变化的时候，使用的是缓存中的属性值。 1 函数形式 let m = ...

toRaw 将响应式对象转化为普通对象 实例： let obj = reactive({foo: 1,bar: 1}) const state = toRaw(obj) c...

toRefs 可以帮我们批量创建ref对象主要是方便我们解构使用 实例： let obj = reactive({foo: 1,bar: 1}) let { foo, ba...

toRef 如果原始对象是非响应式的就不会更新视图 数据是会变的 实例： let obj = reactive({foo: 1,bar: 1}) const state =...

reactive 用来绑定复杂的数据类型 例如 对象 数组 使用reactive 去修改值无须.value 实例： let person = reactive({ name...

6-Ref全家桶-绑定数据 ref 接受一个内部值并返回一个响应式且可变的 ref 对象 ref 对象仅有一个 .value property，指向该内部值 注意：被ref...

12 - sitemap 介绍 特征 基于很棒的 sitemap.js 包的模块 创建站点地图或站点地图索引 自动将静态路由添加到每个站点地图 支持来自 nuxt-i18n...

7-多元化 情况一：如果没有实际数据，通常很难预测数量。 例如，当您无法预测项目数量时，您会看到文本片段，例如 style(s) 或category(s)。这或多或少会起作...

6-命名格式 情况一：在某些情况下，并非每个单词都需要翻译，例如专有名词（名字或姓氏、地名）、URL 等。为了避免在每个语言环境文件中都复制它们，我们可以应用名称格式技术。...

5-安装（npm i nuxt-i18n） 第一步：在config 文件中创建一个文件夹和我们的配置 i18n.js 引入en.json、fr.json locale: '...

4-外部 JSON 或 Js 文件 为每种语言设置单独的文件 键值对文件 每种语言都有对应于特定翻译的相同密钥 优点 易于维护、防止重复、根据功能分组...

3-Vue 组件内的翻译 直接从.vue文件中添加翻译 这些翻译主要用于特定于组件的语言环境，这对于较小的应用程序完全没问题。但是，随着您的应用程序随着时间的推移而增长，维...

2-本地化基础 在安装nuxt-i18n 软件包之前 ，让我们先了解一下本地化的基础知识，看看这个库中提供的各种选项。 我们为每种语言定义键值对，其中所有语言的键保持相同，...

1-开始使用我们的 Nuxt.js 教程 我们需要以下库： create-nuxt-app – 搭建我们的 Nuxt 应用程序 nuxt-i18n – 本地化我们的应用程序...

持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第12天，点击查看活动详情 前言 Axios多用于处理前端项目的Ajax请求，这里要注意区分Axios和...

5-🥙目录挂载 现存问题 使用 Docker 运行后，不能热更新 容器里面产生的数据，例如 log 文件，数据库备份文件，容器删除后就丢失了 用目录挂载来解决以上问题 挂...