中级程序员——vue3+js+git面试题
🙂博主：小猫娃来啦 🙂文章核心：vue3+js+git面试题 文章目录 vue3最大缺点和优点？vue3组合式里面，如何去调用子组件里面的方法？watch和watcheffect有什么区别？计算属性和watch的区别是什么？计算属性里面的缓存是可以关闭的吗，怎么关闭？ref和reactive有什么区别？qref有了解过吗？深拷贝的浅拷贝的区别？常用深拷贝的方法？json.stringify做深拷贝，有什...
Vue3简单使用（一） --- 环境搭建
vue提供了多个版本 传统项目引入 全局构建版本 <div id="app"> <button @click="count++"> Count is: {{ count }} </button></div><script src="https://unpkg.com/vue@3/dist/vue.global.js"></script><script type="module">const { ...
Uniapp Vue3 基础知识点附带实例
包括数据绑定和计算属性、条件渲染和列表渲染、事件处理、表单输入处理、生命周期钩子、自定义指令和过滤器、路由和导航以及状态管理（如Vuex）： <template> <div> <!-- 条件渲染 --> <div v-if="showMessage">Hello, {{ name }}</div> <div v-else>Welcome!</div> <!-- 列表渲染 --> <ul> <li v-f...
Vue3 与 django 进行 前后端数据交互之(Vue 上传)
前言：最近做前后端连接时遇到的问题，项目由本地文件前端上传至后端 项目需要：element-plus库，vue3，django 一.Vue的上传部分 1.HTML 部分 <template> <div> <div> // 通过一个button 组件和一个 input 组件完成前端上传的HTML部分 <el-button @click="uploadFile" id="upload" typ...
vue3相关内容
ref声明/赋值 操作基本类型数据 string number // 引入方法import {ref} from 'vue'// 声明变量const name = ref('A')// 修改值name.value = 'B' reactive声明/赋值 操作引用类型数据 array object proxy不能直接赋值，会破坏响应式对象 // 引入方法import {reactive} fr...
vue3+ts+elementplus 进度条制作浏览器进度条
开发工具：vue3 + ts + elementplus + el-progress NProgress 在布署的时候，Jenkins总是提示失败，指向NProgress的问题，但是我却不知道为何，找不到相关解决方案，一气之下，就打算用别的方案了。 <template> <div class="wrapper-progress"> <Transition name="fade"> <el-progress...
13.（vue3.x+vite）组件间通信方式之provide与inject
前端技术社区总目录（订阅之前请先查看该博客） 示例效果 依赖注入Provide / Inject 在父子组件传递数据时，通常使用的是 props 和 emit，父传子时，使用的是 props，如果是父组件传孙组件时，就需要先传给子组件，子组件再传给孙组件，如果多个子组件或多个孙组件使用时，就需要传很多次，会很麻烦。 像这种情况，可以使用 provide 和 inject 解决这种问题，不论组件嵌套多深，...
Vue3理解(9)
侦听器 浅层侦听器 <script setup> import {ref,watch} from "vue" const data = ref('') watch(data, async(newQuestion,oldQuestion)=>{ console.log('数据发生了改变') }) </script> 深层侦听器 <script setup> import {ref,watch} from...
5.（vue3.x+vite）v-if与v-show区别
前端技术社区总目录（订阅之前请先查看该博客） 1：效果预览 2：v-if与v-show区别 1、v-if会增删DOM元素。 2、v-show比v-if性能更高，因为v-show只能动态的改变样式（display），不需要增删DOM元素。 3、v-if切换时候回实时的销毁和重建内部的事件、钩子函数等，v-show只会初始化渲染时候执行，再切换时候不会执行生命后期的过程。 3：代码编写 （1）主页面 <te...
vue3使用v-model控制子组件进行双向数据绑定
isShow.sync="isShow" v-show="isShow"/> 子组件想要消失, 在子组件写: this.$emit("update:isShow",false); 具体代码就不粘贴了 vue3写法: 父组件核心代码: v-model:a="xxx" 子组件核心代码: defineProps({ a: 数据类型, // 父页面传递的数据 }); interface IEmits { ...