![](https://img-blog.csdnimg.cn/20210208110638252.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue3.0
This is about vue3.0 conent
ZhandsomeZ
走过的路脚记得,爱过的人心记得
展开
-
Ant Design Vue 组件引入神奇操作
开门见山 在使用Ant Design Vue 组件的时候,一般来说按需引入需要,每个组件单独引入 单独use 看起来很丑 也很麻烦 这里呢提供了一个新的操作 代码演示 /** * 该文件是为了按需加载,剔除掉了一些不需要的框架组件。 * 减少了编译支持库包大小 * * 当需要更多组件依赖时,在该文件加入即可 */ import Vue from 'vue' import { ConfigProvider, Layout, Input, InputNumber, Butto.原创 2021-04-29 15:33:08 · 1233 阅读 · 0 评论 -
Element-ui 组件全局引入简写
简介 element-ui项目开发过程中,需要在main.js中,需要引用element-ui中的组件 引用一个写一个 这样看起来很丑也很恶心,看起来很烦,这里呢给大家带来一个新鲜的套路 上代码 import { Button, Select, Aside, Main, Container, Header, Menu, MenuItem, MenuItemGroup, Submenu, Breadcrumb, BreadcrumbItem, Drop.原创 2021-04-16 12:06:29 · 239 阅读 · 0 评论 -
Vue3.0项目文件说明
开门见山 本篇文章主要是介绍vue项目的项目文件说明,希望可以帮助到大家 public: 公共目录项目开发环境不参与打包构建 此文件夹下面的文件可以直接使用/ + filename访问 build 文件夹: 里面是对 webpack 开发和打包的相关设置,包括入口文件、输出文件、使用的模块等; config 文件夹: 主要是指定开发和打包中的静态资源路径、要压缩的文件类型、 开发使用的端口号、开发使用虚拟服务器跨域请求 api 等。 node_modules: 项目的依赖库; src 文件夹:.原创 2021-02-09 14:38:42 · 722 阅读 · 2 评论 -
手写Vue3.0响应式原理
Vue3.0响应式原理 1. 通过使用es6新增的proxy对数据进行劫持 2. Vue.js 3.0 对外暴露3个api分别是,reactive,ref,roRefs,通过这三个API实现响应式系统 reactive把对象/数组转换成响应式对象/数组,在这个方法内部通过proxy实现数据的劫持 收集依赖和触发更新 ref把基本数据转换成响应式的,内部定义一个对象 在这个内部收集依赖和触发更新 roRefs作用就是把reactive对象返回的每一个属性转换成类似ref的对象这样可以使用对象的解构和.原创 2021-02-08 10:07:11 · 248 阅读 · 0 评论