-
vue3插槽
在Vue 3中，插槽是一种让父组件能够向子组件传递内容的机制。插槽可以分为默认插槽、具名插槽和作用域插槽。1、默认插槽：子组件在模板中预留一个插槽，父组件可以传入内容填充这个插槽。1）子组件（Child.vue）：<template> <div> <slot>默认内容…
2024-09-14 149
-
vue3跨组件传值（爷孙组件传值）
在父组件中通过provide来传递provide(data:要传递的值)在下面的子组件或孙组件中通过inject接收let ecorData: any = inject("data");注意:这样传递值在通过 inject 接收的页面通过watch监听是监听不到的
2024-09-13 168
-
Vue3 跨组件传参 provide 与 inject
provide 用于：让父组件 传递数据。inject 用于：让后代组件 接收数据。语法格式：// 传递数据import { provide } from vue;provide(数据名, 数据); // 接收数据import { inject } from vue;let 变量 = inject(数据名);跨组件传参：第一层组件：传递数据。<templat…
2024-09-13 156
-
import Vue form 'vue’的意思
import Vue form ‘vue’ 写全的话是import Vue from ‘…/nodemouls/vue/list/vue.js’； 此时在webpack.base.conf.js中进行了定义，内置了一些选项，extenions:[’.js’,’.vue’,’.json’],意思是省略后面的后缀，由webpack来自动为我们加上。如果名字比较长，还可以…
2024-09-12 140
-
当执行 import vue from 'vue' 时发生了什么？
平时开发中，经常会用到这样一个语句：import Vue from vue;由于浏览器兼容性问题，通常这个语法是在 webpack 的构建流搭建的项目中执行的，那么这个语句到底做了什么呢？其实在 nodejs 中，执行 import 就相当于执行了 require，而 require 被调用，其实会用到 require.…
2024-09-12 158
