摘要:
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 阅读全文