vue3
文章平均质量分 53
vue3
Lora_0925
这个作者很懒,什么都没留下…
展开
-
vue3怎么提升效率的?为什么vue3比vue2快?效率提升主要在哪些方面?
vue3怎么提升效率的?为什么vue3比vue2快?效率提升主要在哪些方面?原创 2023-11-28 22:08:47 · 1825 阅读 · 1 评论 -
vue3组件通信详解
vue3组件通信方式有以下几种:porps,$emit, bus,v-model,useAttrs,$ref/$parent,provide/inject,pinia,slot。原创 2023-05-30 17:23:54 · 3980 阅读 · 0 评论 -
vue3父子组件通信(<script setup>)
在vue3中,父子组件通信与vue2不同,没有this,所以不能直接使用this.$emit 和this.$refs和Props。那么在vue3中我们要怎么通信呢?(补充:这里我们使用的是, 是在单文件组件 (SFC) 中使用组合式 API 的编译时语法糖。相比于普通的 语法,它具有更多优势。原创 2022-06-02 13:56:41 · 5348 阅读 · 0 评论 -
vue clipboard 点击复制
第一步:下载依赖:npm install clipboard --save第二步:导入使用 <el-button type="parimy" @click="copy" class="publicKeyCopy" data-clipboard-text="复制的内容" > 一键复制 </el-button>import Clipboard from "clipboard"; met原创 2021-10-28 16:56:12 · 118 阅读 · 0 评论 -
vue2&vue3使用纯前端验证码
例:一、创建容器 <div id="v_container" style="width: 40%; height: 50px;" ></div>二、新建VerificationCode.jsfunction GVerify(options) { //创建一个图形验证码对象,接收options对象为参数 console.log(2323) this.options = { //默认optio...原创 2021-10-26 16:04:19 · 434 阅读 · 0 评论 -
vue3如何使用ref(表单验证为例)
vue3中我们无法使用this,无法通过this.$refs去获得绑定的ref。所以需要导入使用,方法如下:.js文件中定义数据和方法// 导入import { reactive, ref } from "vue";// 定义表单绑定的refexport const loginForm = ref(null);// 定义初始化数据export let loginData = reactive({ loginForm: { userPhone: "", }原创 2021-09-24 17:46:00 · 8275 阅读 · 0 评论 -
Vue3 setup的使用
在vue3中,我们定义数据并双向绑定在setup()中进行编写,因为 setup 是围绕 beforeCreate 和 created 生命周期钩子运行的,所以不需要显式地定义它们。换句话说,在这些钩子中编写的任何代码都应该直接在 setup 函数中编写。...原创 2021-08-17 17:50:45 · 745 阅读 · 0 评论 -
Vue3——Vue3怎么使用element
Element Plus是基于 Vue 3.0 的组件库。安装npm install element-plus --save引入:main.jsimport { createApp } from 'vue'import App from './App.vue'import router from './router'import store from './store'import ElementPlus from 'element-plus';import 'element-原创 2021-07-26 11:15:25 · 420 阅读 · 0 评论 -
Vue3入门——Vue3的优点以及Vue3项目创建(一)
一、Vue3六大亮点1.性能比Vue3快1.2~2倍;2.Vue3 按需编译,体积比Vue3更小3.支持组合API,类似React Hooks4.更好的支持TS5.暴露了自定义渲染的API6.提供了更先进的组件二、如何提速1.Vue3对diff算法进行了优化: Vue2中的虚拟dom是进行全量对比,Vue3新增了静态标记。在与上次虚拟节点进行比较的时候,只对比带有静态标记的节点,并且可以通过标记的信息得知当前节点对比的具体内容。2.静态提升: Vue...原创 2021-07-24 22:13:51 · 4027 阅读 · 0 评论