qq_38836435的博客

组合式API诞生背景使用过vue2.x开发过项目的人应该都清楚了其弊端，当一个组件功能较多的时候尤为明显。2.x版本的vue对于刚接触这个框架的人十分友好，简明的结构和易懂的使用方法很快就能上手。但是问题来了，当一个组件功能很多，每个功能的数据、方法以及生命钩子函数等等堆在了一起，当我们想去看某个功能的逻辑过程时，是极其繁琐的，你需要不断地上下查找编辑器的有关代码。Setup为了解决上面那个弊端，vue3提出了组合式api，简单地说就是把一个功能逻辑涉及到的数据、方法、生命周期、侦听器等等都收集在一起

介绍Vue I18n 是 Vue.js 的国际化插件，用于在vue项目中实现多语言切换使用1. 安装npm i vue-i18n安装完毕后接下来在main.js中使用2. 导入import VueI18n from 'vue-i18n'3. 配置Vue.use(VueI18n)// 创建VueI18n实例对象const i18n = new VueI18n({ locale: 'zh', // 当前语言 fallbackLocale: 'zh', // 默认语言 s

应用场景介绍vue官网上是这样介绍.sync修饰符的应用场景的：在有些情况下，我们可能需要对一个 prop 进行“双向绑定”。不幸的是，真正的双向绑定会带来维护上的问题，因为子组件可以变更父组件，且在父组件和子组件都没有明显的变更来源。这也是为什么我们推荐以 update:myPropName 的模式触发事件取而代之。用法如下的父组件Father在引入子组件Son并使用.sync修饰符绑定传入的值<Son :show.sync='isShow'></Son>以上代码就被

为何要用在vue项目中，每个组件的style标签都可以通过添加一个scoped属性来实现样式的作用于当前这个组件。大部分时候我们会在项目中引入第三方组件库，但是我们会发现有的时候我们修改了第三方组件库的样式却不生效，这就是因为scoped属性使得父组件的样式将不会渗透到子组件中解决办法1.直接在css中或者stylus中使用>>>实现样式穿透2....