03 2023 档案
摘要：<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
阅读全文
