Vue知识大全【查漏补缺】

GISer_Jing2024-09-01 2:35

「Vue2+Vue3」 的 62 个知识点，看看你掌握了几个？

原创 林三心不学挖掘机 前端之神 ，本文版权归原作者，本人仅学习使用

Vue3

1、Vue2 和 Vue3 的区别？

  • vue3 对于 typescript 的支持更加的好

  • vue3 的 Composition API， vue2 的 Option API

  • vue3 打包使用 tree-shaking 策略，体积更小

  • vue3 在模板编译的阶段会有静态节点提升，运行时性能更好

  • vue3 使用 Proxy 进行响应式处理，而 vue2 使用了 defineProperty

  • vue3 组件可以有多个根节点

  • vue3 多了 Fragment、Teleport、Suspense 这些内置组件

2、v-if 与 v-for 的优先级问题？

  • vue2 中 v-for 优先级大于 v-if

  • vue3 中 v-if 优先级大于 v-for

因为 Vue3 编译后的写法跟 Vue2 不一样了

如果想看比较详细的讲解，可以看我这篇文章：v-for和v-if为啥不共存？回去等消息吧！答成这鬼样！

3、Tmeplate 和 JSX 的性能孰优孰劣？

  • 编译时：JSX 编译比 Template 快

  • 运行时：Template 性能比 JSX 好

因为 Template 解析时会有静态节点提升这一步，而 JSX 没有，所以编译肯定是 JSX 更快，但是到了运行时的时候， Template 的性能会更好，因为它的更新效率更高

如果想看比较详细的讲解，可以看我这篇文章：在Vue中，template和JSX到底哪个好？有思考过吗？

4、Composition API 比 Options API 好在哪？

Options API 写法的最大缺点在于：逻辑写的比较分散，比如我写一个逻辑，我可能需要在 comuted、watch、data 中写有关这个逻辑的代码，比较分散，后续维护找起来成本比较高

Composition API 又称组合式 API，你可以把一整套逻辑写在同一块地方，这样开发或维护起来都非常方便

5、Proxy 和 DefineProperty 哪个性能好？

如果单纯从 JavaScript 的层面来说的话，无疑是 DefineProperty 的性能更好

但是如果是从 Vue3 响应式处理的角度上，毫无疑问是 Proxy 更优，因为响应式涉及到了对于对象的深度遍历，如果使用 DefineProperty 的话那么深度遍历很浪费性能，但是 Proxy 确不需要去深度遍历，它是惰性劫持的，在响应式的处理上，性能更佳

如果想看比较详细的讲解，可以看我这篇文章：

6、watch 和 watchEffect 的区别？

这两个都是用来监听响应式数据变化的

  • watch：主动去声明需要监听的响应式数据

  • watchEffect：不需要声明，会自动收集监听数据

watchEffect 可维护比较差，因为你后续维护很可能会忘了你监听了哪些数据

感兴趣的可以看我这篇文章：Vue3这个API慎用！可能会有性能问题！

7、说说 Ref 和 ShallowRef 的区别？

shallowRef 用来包住一个基础类型或者引用类型，如果是基础类型那么跟 ref 基本没区别，如果是引用类型的话，那么直接改深层属性是不能触发响应式的，除非直接修改引用地址，如下：

注意：改深层属性能改数据，只是没触发响应式，所以当下一次响应式触发的时候，你修改的深层数据会渲染到页面上~

shallowRef 的用处主要用于一些比较大的但又变化不大的数据，比如我有一个表格数据，通过接口直接获取，并且主要用在前端展示，需要修改一些深层的属性，但是这些属性并不需要立即表现在页面上，比如以下例子，我只需要展示 name、age 字段，至于 isOld 字段并不需要展示，我想要计算 isOld 但是又不想触发响应式更新，所以可以用 shallowRef 包起来，进而减少响应式更新，优化性能

8、说说 effectScope 和 onScopeDispose？

effectScope 可以有两个作用：

  • 收集副作用

  • 全局状态管理

收集副作用

比如我们封装一个共用的 hooks，为了减少页面隐患，肯定会统一收集副作用，并且在组件销毁的时候去统一消除，比如以下代码：

但是这么收集很麻烦， effectScope 能帮我们做到统一收集，并且通过 stop 方法来进行清除，且 stop 执行的时候会触发 effectScope 内部的 onScopeDispose

我们可以利用 effectScope & onScopeDispose 来做一些性能优化，比如下面这个例子，我们封装一个鼠标监听的 hooks

但是如果在页面里调用多次的话，那么势必会往 window 身上监听很多多余的事件，造成性能负担，所以解决方案就是，无论页面里调用再多次 useMouse，我们只往 window 身上加一个鼠标监听事件

全局状态管理

现在 Vue3 最火的全局状态管理工具肯定是 Pinia 了，那么你们知道 Pinia 的原理是什么吗？原理就是依赖了 effectScope

所以我们完全可以自己使用 effectScope 来实现自己的局部状态管理，比如我们封装一个通用组件，这个组件层级比较多，并且需要共享一些数据，那么这个时候肯定不会用 Pinia 这种全局状态管理，而是会自己写一个局部的状态管理，这个时候 effectScope 就可以排上用场了

vueuse 中的 createGlobalState 就是为了这个而生

9、props 能直接解构吗？

如果直接解构的话会丢失响应式

所以想解构需要使用 toRefs 或 toRef

10、Teleport 是干什么用的？

Teleport 是一个内置组件，它可以将一个组件内部的一部分模板"传送"到该组件的 DOM 结构外层的位置去

看这篇文章，详细讲了 Teleport 的应用场景：一个超冷门的 Vue3 内置组件，帮我优化了66%的性能！

11、useAttrs 和 props 的区别？

  • props：只会接收类型定义的属性

  • useAttrs：只会接收非 props 类型定义的属性

也就是 props 和 useAttrs 是互补的

看下面的例子

注意：useAttrs 并不会自动将横杆命名的属性转成驼峰命名属性，但是 props 是会的

12、Vue3 的响应式原理是什么？

如果想看比较详细的讲解，可以看我这篇文章：Vue3的响应式原理？一篇文章，八张图，三心为你解密~

Vue2

1、Vue的优点？Vue的缺点？

优点：

  • 渐进式

  • 组件化开发

  • 虚拟dom

  • 响应式数据

  • 单页面路由

  • 数据与视图分开

缺点：

  • 单页面不利于seo

  • 不兼容IE

  • 首屏加载时间长

2、为什么说Vue是一个渐进式框架？

Vue的全家桶，你可以选择不用，或者只选几样去用，比如不用vuex

3、Vue跟React的异同点？

相同点：

  • 都是单向数据流

  • 都使用了虚拟DOM的技术

  • 都支持SSR

  • 组件化开发

不同点：

  • 前者template，后者JSX

  • 数据改变，前者响应式，后者手动setState

  • React单向绑定，Vue双向绑定

  • React状态管理工具Redux、Mobx，Vue状态管理工具Vuex

4、MVVM是什么？和MVC有何区别呢？

MVC

  • Model：负责从数据库中取数据

  • View：负责展示数据

  • Controller：用户交互的地方，例如点击事件

  • 思想：Controller将Model的数据展示在View上

MVVM

  • VM：就是View-Model，数据双向绑定

  • Model：取数据的地方

  • View：展示数据的地方

  • 思想：View和Model实现数据同步，不需要手动更新

注意：Vue不严格符合MVVM，因为MVVM规定Model和View不能直接通信，而Vue可以使用ref进行通信

5、Vue和JQuery的区别在哪？为什么放弃JQuery用Vue？

  • JQuery直接操作DOM，而Vue不直接操作DOM，而是只需操作数据

  • Vue的虚拟DOM技术，能适配多端

  • Vue集成了一些库，大大提高开发效率，例如Route、Vuex等等

6、为什么data是个函数并且返回一个对象呢？

防止组件被多个页面使用时，造成的变量互相污染

7、使用过哪些Vue的修饰符呢？

  • .lazy：输入框失焦时才会更新v-model的值

  • .trim：讲v-model绑定的值首位空格给去掉

  • .number：将v-medol绑定的值转数字

  • .stop：阻止事件冒泡

  • .capture：事件的捕获

  • .self：点击事件绑定本身才触发

  • .once：事件只触发一次

  • .prevent：阻止默认事件

  • .native：绑定事件在自定义组件上时，确保能执行

  • .left、.middle、.right：鼠标左中右键的触发

  • passive：相当于给移动端滚动事件加一个.lazy

  • camel：确保变量名会被识别成驼峰命名

  • .sync：简化子修改父值的步骤

8、路由的几种模式？

  • hash：哈希模式，根据hash值的更改进行组件切换，而不刷新页面

  • history：历史模式，依赖于HTML5的pushState和replaceState

  • abstract：适用于Node

9、路由的钩子函数？

全局钩子

  • beforeEach：跳转路由前

    • to：将要跳转进入的路由对象

    • from：将要离开的路由对象

    • next：执行跳转的方法

  • afterEach：路由跳转后

    • to：将要跳转进入的路由对象

路由独享钩子

routes: [
  {
    path: '/xxx',
    component: xxx,
    beforeEnter: (to, from, next) => {
      
    }
  }
]

组件内路由钩子

  • beforeRouteEnter(to, from, next)：跳转路由渲染组件时触发

  • beforeRouteUpdate(to, from, next)：跳转路由且组件被复用时触发

  • beforeRouteLeave(to, from, next)：跳转路由且离开组件时触发

10、使用过哪些Vue的内部指令呢？

  • v-text：元素的textContent

  • v-html：元素的innerHTML

  • v-show：通过样式display改变显隐

  • v-if：通过操作DOM改变显隐

  • v-else：配合v-if

  • v-else-id：配合v-else

  • v-for：循环渲染

  • v-on：绑定事件，缩写@

  • v-bind：绑定变量，缩写:

  • v-model：双向绑定

  • v-slot：插槽

  • v-once：只渲染一次

  • v-pre：跳过元素编译

  • v-cloak：隐藏双括号，有值再显示

11、组件之间的传值方式有哪些？

  • 父传子，子组件通过props接收

  • 子传父，子组件使用$emit对父组件进行传值

  • 父子之间通过$parent和$chidren获取实例进而通信

  • 通过vuex进行状态管理

  • 通过eventBus进行跨组件值传递

  • provide和inject，官方不建议使用

  • $ref获取实例，进而传值

  • 路由传值

  • localStorage、sessionStorage

12、如何设置动态class，动态style？

  • 动态class对象：<div :class="{ 'is-active': true, 'red': isRed }"></div>

  • 动态class数组：<div :class="['is-active', isRed ? 'red' : '' ]"></div>

  • 动态style对象：<div :style="{ color: textColor, fontSize: '18px' }"></div>

  • 动态style数组：`

13、v-if和v-show有何区别？

  • v-if：通过操作DOM来控制显隐，适用于偶尔显隐的情况

  • v-show：通过改变样式display属性控制显隐，适用于频繁显隐的情况

14、computed和watch有何区别？

  • computed：依赖多个变量计算出一个变量，且具有缓存机制，依赖值不变的情况下，会复用计算值。computed中不能进行异步操作

  • watch：通常监听一个变量的变化，而去做一些事，可异步操作

  • 简单记就是：一般情况下computed的多对一，watch一对多

15、Vue的生命周期，讲一讲？

  • beforeCreate：实例Vue，未初始化和响应式数据

  • created：已初始化和响应式数据，可访问数据

  • beforeMount：render调用，虚拟DOM生成，未转真实DOM

  • mounted：真实DOM挂载完成

  • beforeUpdate：数据更新，新虚拟DOM生成

  • updated：新旧虚拟DOM进行对比，打补丁，然后进行真实DOM更新

  • beforeDestroy：实例销毁前，仍可访问数据

  • destroy：实例销毁，子实例销毁，指令解绑，解绑本实例的事件

  • activated：keep-alive所缓存组件激活时调用

  • deactivated：keep-alive所缓存组件停用时调用

  • errorCaptured：子孙组件的错误捕获，此函数可返回false阻止继续向上传播

16、为什么v-if和v-for不建议用在同一标签？

v-for优先级高于v-if，每项都通过v-for渲染出来后再去通过v-if判断显隐，做了很多无用功

17、 vuex的有哪些属性？用处是什么？

  • state：定义初始状态

  • getter：从store从取数据

  • mutation：更改store中状态，只能同步操作

  • action：用于提交mutation，而不直接更改状态，可异步操作

  • module：store的模块拆分

18、不需要响应式的数据应该怎么处理？

  • 定义在data的return之外

  • 使用Object.freeze进行数据冻结

19、watch有哪些属性，分别有什么用？

  • immediate：初次加载时立即执行

  • deep：是否进行深度监听

  • handler：监听的回调函数

20、父子组件生命周期顺序？

父beforeCreate -> 父created -> 父beforeMount -> 子beforeCreate -> 子created -> 子beforeMount -> 子mounted -> 父mounted

21、对象新属性无法更新视图，删除属性无法更新视图，为什么？怎么办？

  • 原因：Object.defineProperty没有对对象的新属性进行劫持

  • 解决：

    • 新增属性：Vue.set(target, key, value)

    • 删除属性：Vue.delete(target, key)

22、直接arr[index] = xxx无法更新视图怎么办？为什么？怎么办？

  • 原因：Vue出于性能考虑没有对数组下标进行劫持，而是通过改写数组原型方法

  • 解决：

    • splice：arr.splice(index, 1, value)

    • Vue.set(target, index, value)

23、插槽的使用以及原理？

具体：https://juejin.cn/post/6949848530781470733

普通插槽 普通插槽slot会被当做子元素进行解析，最终会被解析成一个_t函数，他接收的第一个参数为插槽的名称，默认是default，也就是_t('default')，执行此函数进行最终元素的渲染，如果是具名插槽，则传对应的插槽名 作用域插槽 插槽会被封装成一个函数放置在scopeSlotes对象中，解析时_t第二个参数接收子组件的数据，并进行渲染

24、为什么不建议用index做key，为什么不建议用随机数做key？

举个例子：

<div v-for="(item, index) in list" :key="index">{{item.name}}</div>

list: [
    { name: '小明', id: '123' },
    { name: '小红', id: '124' },
    { name: '小花', id: '125' }
]

渲染为
<div key="0">小明</div>
<div key="1">小红</div>
<div key="2">小花</div>

现在我执行 list.unshift({ name: '小林', id: '122' })

渲染为
<div key="0">小林</div>
<div key="1">小明</div>
<div key="2">小红</div>
<div key="3">小花</div>


新旧对比

<div key="0">小明</div>  <div key="0">小林</div>
<div key="1">小红</div>  <div key="1">小明</div>
<div key="2">小花</div>  <div key="2">小红</div>
                         <div key="3">小花</div>

可以看出，如果用index做key的话，其实是更新了原有的三项，并新增了小花，虽然达到了渲染目的，但是损耗性能

现在我们使用id来做key，渲染为

<div key="123">小明</div>
<div key="124">小红</div>
<div key="125">小花</div>

现在我执行 list.unshift({ name: '小林', id: '122' })，渲染为

<div key="122">小林</div>
<div key="123">小明</div>
<div key="124">小红</div>
<div key="125">小花</div>

新旧对比

                           <div key="122">小林</div>
<div key="123">小明</div>  <div key="123">小明</div>
<div key="124">小红</div>  <div key="124">小红</div>
<div key="125">小花</div>  <div key="125">小花</div>

可以看出，原有的三项都不变，只是新增了小林这个人，这才是最理想的结果

用index和用随机数都是同理，随机数每次都在变，做不到专一性，很渣男，也很消耗性能，所以，拒绝渣男，选择老实人

25、自定义指令的钩子函数？

这里只说Vue2的

  • bind：指令绑定到指定元素时调用，只调用一次

  • inserted：指定元素插入父节点时调用

  • update：所在组件的 VNode 更新时调用

  • componnetUpdated：所在组件以及其子组件 VNode 全部更新后调用

  • unbind：只调用一次，指令与元素解绑时调用

26、说说nextTick的用处？

修改数据时不能马上得到最新的DOM信息，所以需要使用nextTick，在nectTick回调中可以获取最新DOM信息

27、为什么nextTick优先是微任务？

优先是Promise.then方法，是个微任务，这样可以避免多一次队列，进而少一次UI渲染，节省性能

28、Vue的SSR是什么？有什么好处？

SSR全称Server Side Render

  • 有利于SEO：由于是在服务端，将数据填充进HTML之后再推送到浏览器，所以有利于SEO的爬取

  • 首屏渲染快

29、Vue响应式是怎么实现的？

  • 1、劫持：通过Object.defineProperty对对象进行递归劫持属性的get、set

  • 2、观察者模式：使用watcher进行观察数据使用的地方

  • 3、发布订阅模式：使用dep收集watcher，数据更改时，通过notify方法通知dep里的watcher去进行相应的更新

  • 4、数组：数组没有使用劫持的模式，而是通过重写数组原型上的方法，来实现数组的响应式

30、为什么只对对象劫持，而要对数组进行方法重写？

数组的元素大概率是成百上千的，所以对数组下标进行劫持的话会非常消耗性能。Vue通过对数组原型上方法的重写，实现数组的响应式

31、Vue的模板编译原理？

具体：https://juejin.cn/post/6969563640416436232

32、Vue的computed和watch的原理？

具体：https://juejin.cn/post/6974293549135167495

33、Vue.set方法的原理？

Vue.set(target, key, value)

  • 第一步：判断target是数组的话，则调用target.splice(key, 1, value)

  • 第二步：判断target是对象的话，再判断传入的key是否已存在target中

    • 是：直接target[key] = value

    • 否：调用defineReactive(target, key, val)进行响应式处理

      export default function set(target, key, val) {
      if (Array.isArray(target)) {
      target.length = Math.max(target.length, key)
      target.splice(key, 1, val)
      return val
      }

      const ob = target.__ob__

if (key in target && !(key in target.prototype) || !ob) {
    target[key] = val
    return val
}

defineReactive(target, key, val)
return val

      }

34、Vue.delete方法的原理？

Vue.delete(target, key)

  • 第一步：判断target是否为数组，是的话调用target.splice(key, 1)

  • 第二步：判断target是对象的话，调用delete关键字删除属性，并调用__ob__.dep.notify进行更新通知

    export default function del (target, key) {
    if (Array.isArray(target)) {
    target.splice(key, 1)
    return
    }

      const ob = target.__ob__

  if (!(key in target)) return

  delete target[key]

  if (!ob) return

  ob.dep.notify()

    }

35、nextTick的原理？

维护一个数组，每次调用时讲回调函数压入这个数组，然后优先选择微任务，在微任务回调中去执行数组中的所有回调，同时维护一个布尔值，确保每一次队列进行一次执行数组所有回调

let callbacks = []; //回调函数
let pending = false;
function flushCallbacks() {
  pending = false; //把标志还原为false
  // 依次执行回调
  for (let i = 0; i < callbacks.length; i++) {
    callbacks[i]();
  }
}
let timerFunc; //先采用微任务并按照优先级优雅降级的方式实现异步刷新
if (typeof Promise !== "undefined") {
  // 如果支持promise
  const p = Promise.resolve();
  timerFunc = () => {
    p.then(flushCallbacks);
  };
} else if (typeof MutationObserver !== "undefined") {
  // MutationObserver 主要是监听dom变化 也是一个异步方法
  let counter = 1;
  const observer = new MutationObserver(flushCallbacks);
  const textNode = document.createTextNode(String(counter));
  observer.observe(textNode, {
    characterData: true,
  });
  timerFunc = () => {
    counter = (counter + 1) % 2;
    textNode.data = String(counter);
  };
} else if (typeof setImmediate !== "undefined") {
  // 如果前面都不支持 判断setImmediate
  timerFunc = () => {
    setImmediate(flushCallbacks);
  };
} else {
  // 最后降级采用setTimeout
  timerFunc = () => {
    setTimeout(flushCallbacks, 0);
  };
}

export function nextTick(cb) {
  callbacks.push(cb);
  if (!pending) {
    pending = true;
    timerFunc();
  }
}

36、说说 虚拟dom 和 diff算法 吧？

虚拟dom

虚拟dom是一个对象，一个描述真实DOM的对象，每次数据更新时，新旧虚拟DOM都会互相进行同层对比，而diff算法优化就是在此时做优化的。

diff算法

  • 第一步：调用patch方法，传入新旧虚拟DOM，开始同层对比

  • 第二步：调用isSameNode方法，对比新旧节点是否同类型节点

  • 第三步：如果不同，新节点直接代替旧节点

  • 第四步：如果相同，调用patchNode进行对比节点

    • 如果旧节点和新节点都是文本节点，则新文本代替旧文本

    • 如果旧节点有子节点，新节点没，则删除旧节点的子节点

    • 如果旧节点没有子节点，新节点有，则把子节点新增上去

    • 如果都有子节点，则调用updateChildren方法进行新旧子节点的对比

    • 子节点对比为首尾对比法

37、如果子组件改变props里的数据会发生什么？

  • 基础类型：如果父传给子的是基础类型，修改则会报错

  • 引用类型：如果父传给子的是引用类型，修改属性则会同时修改父组件数据

38、props怎么自定义验证

props: {
    num: {
      default: 1,
      validator: function (value) {
          // 返回值为false则验证不通过，报错
          return [
            1, 2, 3, 4, 5
          ].indexOf(value) !== -1
    }
    }
  }
}

39、watch的immediate属性有什么用？

Vue实例初始化的时候立即调用watch的监听回调函数

40、watch监听一个对象时，如何排除某些属性的监听

mounted() {
    Object.keys(this.params)
      .filter((_) => !["c", "d"].includes(_)) // 排除对c，d属性的监听
      .forEach((_) => {
        this.$watch((vm) => vm.params[_], handler, {
          deep: true,
        });
      });
  },
data() {
    return {
      params: {
        a: 1,
        b: 2,
        c: 3,
        d: 4
      },
    };
  },
watch: {
    params: {
      deep: true,
      handler() {
        this.getList;
      },
    },
  }

41、审查元素时发现data-v-xxxxx，这是啥？

样式模块化scoped的效果，在本组件的标签都会带上data-v-xxx的属性，然后通过属性选择器实现样式模块化的效果

42、vue的hook的使用？

  • 同一组件中使用

这是我们常用的使用定时器的方式

export default{
  data(){
    timer:null  
  },
  mounted(){
      this.timer = setInterval(()=>{
      //具体执行内容
      console.log('1');
    },1000);
  }
  beforeDestory(){
    clearInterval(this.timer);
    this.timer = null;
  }
}

上面做法不好的地方在于：得全局多定义一个timer变量，可以使用hook这么做：

export default{
  methods:{
    fn(){
      let timer = setInterval(()=>{
        //具体执行代码
        console.log('1');
      },1000);
      this.$once('hook:beforeDestroy',()=>{
        clearInterval(timer);
        timer = null;
      })
    }
  }
}
  • 7.2 父子组件使用

如果子组件需要在mounted时触发父组件的某一个函数，平时都会这么写：

//父组件
<rl-child @childMounted="childMountedHandle"
/>
method () {
  childMountedHandle() {
  // do something...
  }
},

// 子组件
mounted () {
  this.$emit('childMounted')
},

使用hook的话可以更方便：

//父组件
<rl-child @hook:mounted="childMountedHandle"
/>
method () {
  childMountedHandle() {
  // do something...
  }
},

43、provide和inject是响应式的吗？

引用数据类型响应式，基础数据类型不响应式

44、Vue的el属性和$mount优先级？

同时存在时，el > $mount

45、动态指令和参数使用过吗？

<aButton @[someEvent]="handleSomeEvent()" :[someProps]="1000" />

46、相同的路由组件如何重新渲染？

更改如有组件上的key即可

47、自定义v-model

export default: {
  model: {
    event: 'change',
    prop: 'checked'  
  }
}

48、如何将获取data中某一个数据的初始状态？

使用this.$options.data().xxx获取初始值

49、计算变量时，methods和computed哪个好？

computed比较好，computed有缓存机制，可以节省性能。而method则每次更新都会重新计算，不考虑缓存

50、router.push、router.replace、router.go的区别？

  • router.push：跳转，并向history栈中加一个记录，可以后退到上一个页面

  • router.replace：跳转，不会向history栈中加一个记录，不可以后退到上一个页面

  • router.go：传正数向前跳转，传负数向后跳转

相关推荐
逐·風4 小时前
unity关于自定义渲染、内存管理、性能调优、复杂物理模拟、并行计算以及插件开发
前端·unity·c#
Devil枫4 小时前
Vue 3 单元测试与E2E测试
前端·vue.js·单元测试
尚梦5 小时前
uni-app 封装刘海状态栏（适用小程序， h5, 头条小程序）
前端·小程序·uni-app
GIS程序媛—椰子5 小时前
【Vue 全家桶】6、vue-router 路由（更新中）
前端·vue.js
前端青山6 小时前
Node.js-增强 API 安全性和性能优化
开发语言·前端·javascript·性能优化·前端框架·node.js
毕业设计制作和分享6 小时前
ssm《数据库系统原理》课程平台的设计与实现+vue
前端·数据库·vue.js·oracle·mybatis
程序媛小果6 小时前
基于java+SpringBoot+Vue的旅游管理系统设计与实现
java·vue.js·spring boot
从兄7 小时前
vue 使用docx-preview 预览替换文档内的特定变量
javascript·vue.js·ecmascript
凉辰7 小时前
设计模式 策略模式 场景Vue （技术提升）
vue.js·设计模式·策略模式
清灵xmf8 小时前
在 Vue 中实现与优化轮询技术
前端·javascript·vue·轮询
热门推荐
01【HarmonyOS】HUAWEI DevEco Studio 下载地址汇总02(欧拉)openEuler系统添加网卡文件配置流程、(欧拉)openEuler系统手动配置ipv6地址流程、(欧拉)openEuler系统网络管理说明03组基轨迹建模 GBTM的介绍与实现（Stata 或 R）04【AIGC】重塑未来的科技巨轮05全面解析：构建基于深度学习的安全帽检测系统（UI界面+YOLO代码+数据集）06【经验分享】Ubuntu22.04安装微信(linux官方版)07基于YOLOv10深度学习的CT扫描图像肾结石智能检测系统【python源码+Pyqt5界面+数据集+训练代码】深度学习实战、目标检测08Ubuntu 20.04使用Livox mid 360 测试 FAST_LIO09RAG 实践- Ollama+RagFlow 部署本地知识库10红米手机使用google play