-
Vue3 跨组件传参 provide 与 inject
provide 用于：让父组件 传递数据。inject 用于：让后代组件 接收数据。语法格式：// 传递数据import { provide } from vue;provide(数据名, 数据); // 接收数据import { inject } from vue;let 变量 = inject(数据名);跨组件传参：第一层组件：传递数据。<templat…
2024-09-13 95
-
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 94
-
当执行 import vue from 'vue' 时发生了什么？
平时开发中，经常会用到这样一个语句：import Vue from vue;由于浏览器兼容性问题，通常这个语法是在 webpack 的构建流搭建的项目中执行的，那么这个语句到底做了什么呢？其实在 nodejs 中，执行 import 就相当于执行了 require，而 require 被调用，其实会用到 require.…
2024-09-12 100
-
vue中在不同页面之间-4种传递参数的方式
Vue项目页面间传递参数和参数存储有很多种，常见的：1、url里加参数，比如：/find?id=xxx，或/find/xxx，适合少量数据，优点是刷新页面也不会丢2、使用vuex组件，优点是全局，响应式（很大的一个优点），缺点是刷新就没了3、使用h5 localStorage或sessionStorage，优点是…
2024-08-21 139
-
vue组合api中ref
ref函数:一、使用ref的步骤1、从vue框架中导入ref函数。import { ref } from vue；2、在setup函数中调用ref函数并传入数据（简单类型或者复杂类型), const 响应式数据 =ref(初值) ；3、把ref函数的结果添加到setup函数的返回对象中。二、使用ref注意事项1、ref 函数接收一…
2024-07-21 115
