![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
VUE3
程序媛-静儿
学无止境
展开
-
认识vue3以及语法运用简介
1、reactive与ref reactive 和 ref 都是用来定义响应式数据的 reactive更推荐去定义复杂的数据类型 ref 更推荐定义基本类型 使用ref定义基本数据类型,ref也可以定义数组和对象。2、依赖注入provide函数和inject函数:provide函数和inject函数 provide函数提供数据和函数给后代组件使用 inject函数给当前组件注入provide提供的数据和函数。一、组合API------reactive、ref 与 toRefs。四、teleport(传送)原创 2022-11-29 17:15:10 · 844 阅读 · 1 评论 -
vue3没有this,如何绑定全局方法
vue3没有this,如何绑定全局方法3. 页面中使用原创 2022-09-16 14:54:35 · 3240 阅读 · 1 评论 -
vue3生命周期和钩子函数
什么是生命周期? vue中每个组件都是独立的,每个组件都有一个属于它的生命周期, 从一个组件创建、数据初始化、挂载、更新、销毁,这就是一个组件所谓的生命周期。 setup() :开始创建组件之前,在beforeCreate和created之前执行。创建的是data和methodonBeforeMount() : 组件挂载到节点上之前执行的函数。onMounted() : 组件挂载完成后执行的函数。onBeforeUpdate(): 组件更新之前执行的函数。onUpdated(): 组原创 2022-09-16 13:30:15 · 1277 阅读 · 0 评论 -
vue3+ts的elementPlus静态引入方法
2.index.css要放在cover.scss,base.scss的前面,否则会被elementplus样式覆盖掉,全局的改写样式不生效。3.如果需要使用公共方法,例如message等,需要全部引入,绑定到app.config.globalProperties上;1.需要app.use(ElementPlus);5.使用公共elemenplus方法。建立.eslintignore文件。4.获取当前实例vue全局定义。...原创 2022-07-28 10:50:06 · 757 阅读 · 0 评论 -
Vue3+Vuex +TypeScript在setup语法糖中的使用方式,vuex类型提示功能
vuex 是 vue 中用来做状态管理的一个仓库,一般较大型的项目才有必要使用它,因为如果您不打算开发大型单页应用,使用 Vuex 可能是繁琐冗余的。它主要包括state、mutations、actions、getters、modules 五个核心概念,有关具体的使用,我们这篇文章不做重点讲解,这里主要告诉大家如何在vuex中集成 typescript,做到代码提示功能。一、vuex简单的引入方式,不会进行类型提示1. install vuexnpm install vuex@nevt --s原创 2022-05-26 19:13:39 · 1929 阅读 · 0 评论 -
toRef的作用
import { defineComponent, ref, reactive, toRefs } from 'vue'; export default defineComponent({ name: 'about', setup() { const msg = ref('This is an about page'); const obj = reactive({ a: 1, b: 2 }) const msgValue = ()=.原创 2022-05-25 15:19:10 · 240 阅读 · 1 评论 -
vue3组件通信方式总结(setup语法糖)
vue3组件之间的通信方式常用七种:props、$emit、expose/ref、$attrs、v-model、provide/inject、vuex1. props// Parent.vue 传送<child :msg2="msg2"></child><script setup> import child from "./child.vue" import { ref, reactive } from "vue" const msg2 =原创 2022-05-24 21:00:57 · 789 阅读 · 1 评论