![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue3
文章平均质量分 52
皮卡砖
这个作者很懒,什么都没留下…
展开
-
Vue(2 3) style CSS 变量注入 v-bind
css 中使用 变量原创 2022-06-22 16:35:17 · 1274 阅读 · 0 评论 -
vue3组合式api
一、 Composition API的简单介绍Composition API也叫组合式API,是Vue3.x的新特性。通过创建 Vue 组件,我们可以将接口的可重复部分及其功能提取到可重用的代码段中。仅此一项就可以使我们的应用程序在可维护性和灵活性方面走得更远。然而,我们的经验已经证明,光靠这一点可能是不够的,尤其是当你的应用程序变得非常大的时候——想想几百个组件。在处理如此大的应用程序时,共享和重用代码变得尤为重要。通俗的讲:没有Composition API之前vue相关业务的代码需要配置到op原创 2021-07-07 10:51:13 · 4025 阅读 · 10 评论 -
vue3中teleport标签的正确使用
一、Vue3.x传送、Vue3.x 中的组件模板应该属于组件,我们想把这个模板的内容移动到当前组件之外的 DOM 中,就可以使用 Teleport。表示传送内包含的内容显示到身体中<teleport to="body">内容</teleport><teleport to="#app">内容</teleport>二、使用teleport实现一个模态T的组件Modal.vue<template><teleport to=原创 2021-07-07 10:47:19 · 1771 阅读 · 0 评论 -
vue3中的toRef 与ref 区别
toReftoRef是将start对象内的响应式的属性由proxy代理对象转换为ref 并且打印num 回返回ObjetRefImpl对象我尝试使用点击事件改变num后发现toRef返回的num,改变num还会影响到start对象内的num ,所以我推断它们属于引用类型,并且start内的num变为即使结构赋值出来它也还是响应式的多亏toRef, 而toRefs是将所以内属性都可以结构,并且递归深度响应.之后我又试着用ref发现页面内我点击点击之后start内对象的num不原创 2021-07-04 14:47:09 · 458 阅读 · 2 评论 -
vue3入门入门笔记(二)
setup 细节setup 执行的时机在 beforeCreate 之前执行(一次), 此时组件对象还没有创建this 是 undefined, 不能通过 this 来访问 data/computed/methods / props其实所有的 composition API 相关回调函数中也都不可以setup 的返回值一般都返回一个对象: 为模板提供数据, 也就是模板中可以直接使用此对象中的所有属性/方法返回对象中的属性会与 data 函数返回对象的属性合并成为组件对象的属性返回对原创 2021-07-02 20:45:33 · 120 阅读 · 2 评论 -
vue3中的steup函数执行快于我们vue2中的beforeCreate函数
vue3中的steup函数执行快于我们vue2中的beforeCreate函数<template> <div class="home"> <img alt="Vue logo" src="../assets/logo.png"> <HelloWorld msg="Welcome to Your Vue.js + TypeScript App"/> </div></template><script l原创 2021-07-02 15:00:30 · 1063 阅读 · 0 评论 -
vue3入门(一)使用笔记
创建 vue3 项目 1) 使用 vue-cli 创建 安装或者升级npm install -g @vue/cli 保证 vue cli 版本在 4.5.0 以上vue --version 创建项目vue create my-projectvue2与vue3区别组件引用的区别在组件组件中vue2模板必须要一对根标签<template> <HelloWord /> //使用子集组件</template>script中 lang = ts原创 2021-07-01 19:56:00 · 177 阅读 · 5 评论