兮夜

摘要： Vue3中修改父组件传递到子组件中的值1.大家都知道，vue是具有单向数据流的传递特性。当你在子组件中修改父组件传递过来的数据的时候，控制台就会报出错误，说不让你对父组件传递的值进行修改。2.那么，尤大大为了解决这个问题，在vue3的时候给我们提供了一个新的思路:v-model来实现父传子，并且子也 阅读全文

摘要： <script setup name="Welcome"> import { onMounted } from 'vue'; import { useRouter } from 'vue-router'; const $router = useRouter(); onMounted(() => { 阅读全文

摘要： 用一个tabs组件举例 父组件： <Mytabs2 @handleTabsChange="handleTabsChange" :tabsList="tabsList_data"> <template #tab1> </template> <template #tab2> </template> </ 阅读全文

摘要： <template> <a-config-provider :locale="locale"> //建议直接包裹在最外层，若果你想全部转换为中文的话 </a-config-provider> <template> <script setup> import zhCN from 'ant-design 阅读全文

摘要： 0、前言 前端工程，在最早的时候是没有模块的概念的。随着前端工程的发展，前端开发也越来越规范化，更像是软件工程了。那么随之而来的，为了解决工程化的问题，就引入了模块的概念。但是在早期，因为ecmascript原本是没有模块语法的，所以采用的都是社区的各种版本协议，其中影响最深的，就是nodejs使用 阅读全文

摘要： <template> <div id="app"> <a-config-provider :locale="locale"> <router-view /> </a-config-provider> </div> </template> <script> import zhCN from 'ant- 阅读全文

摘要： 1.toRef toRef是用来给抽离响应式对象（被reactive包裹的对象）中的某一个属性的，并且把这个属性包裹成ref对象，使其和原对象产生链接。 或许有人就回有人有疑问了？这个toRef存在有什么意义呢？因为我们知道reactive包裹的东西其实已经有了响应式了，再用toRef什么意义呢？ 阅读全文

摘要： 在 vue3.2 中，我们只需在script标签中添加setup。就可以做到，组件只需引入不用注册，属性和方法也不用 return 才能于 template 中使用， 也不用写setup函数，也不用写export default ，甚至是自定义指令也可以在我们的template中自动获得。 <scr 阅读全文

摘要： 了解ref()、reactive()这两个特性之前，我们先回顾一下vue2中data和method方法。在vue2中我们定义一个响应式变量name，通过点击事件handle来改变name的值是通过如下方式写的。这样只要name改变则界面相应的会发生改变，这就是数据的双向绑定。 那么在vue3.0中， 阅读全文

摘要： 1.什么是reactive? reactive是Vue3中提供实现响应式数据的方法. 在Vue2中响应式数据是通过defineProperty来实现的. 而在Vue3响应式数据是通过ES6的Proxy来实现的 2.reactive注意点 reactive参数必须是对象(json/arr) 如果给re 阅读全文