qq_28846389的博客

因为在vue3项目中直接将原vue2中全局组件svg迁移时，完全按照vue2的写法，发现无法实现，所以就记录一下，方便日后查找1.安装npm install svg-sprite-loader -S2.配置文件vue.config.jsconst path = require('path')function resolve(dir) { return path.join(__dirname, dir)}module.exports={ chainWebpack: config =&

vue2中组件间数据传输子组件 <input type="text" :value="modelValue" @input="onInput"> props: { modelValue: String }, methods: { onInput (e) { this.$emit('form-input1', e.target.value) } }父组件<ValideInput1 @form-input1="formInput1" v-m

setup中组件选项中生命周期钩子官网链接地址组件选项data,method,computed,created,mounted,setup组件选项内比如setup是一个组件选项，那么组件选项内，即就是在setup中使用的生命周期钩子与组件选项内的生命周期钩子组件的生命周期钩子选项，如mounted,updated等，setup组件选项内的生命周期钩子，需要加上一个“on”,如onMounted，具体组件钩子如下生命周期钩子与组件内生命周期钩子的使用差别组件生命周期钩子选项mo

provide/inject组件中作为组件选项使用与setup中使用的区别戳这里：查看对应官网地址作为组件选项使用，与methods使用方法相同作为组件选项provide:{代码逻辑}inject:[provide中的key]setup中provide('providename',value)//两个参数:属性名，属性值inject('providename','默认值')//两个参数：需要inject的属性名，默认值（可选）组件中使用provide/inject选项来进行数据传输in

setup学习（参数的学习）主要记录v3知识点的学习，有不对的地方，欢迎帮忙指出，对应官网地址1.setup是什么2.setup怎么用3.setup用来做什么1.setup是什么setup是一个组件选项，可compute，method一样的使用方式2.setup如何使用（参数的使用）首先setup可以接收两个参数setup(porps,context){}1.propsPropsParmas组件<template> <h1> {{title}}