前段时间项目要求添加一个答题功能,所以答题之前,要求创建答题题库。网上找了许多关于答题功能,最终,形成如下图所示答题要求,但适用于单选题和多选题,填空题不适用。 1.点击【新增答题类型】,创建答题选项,此处答题选项个数做了限制,不能超过8个。 2.根据正确答案选项个数决定该道题是否为多选题,若正确答案只有一个即为单选题,否则是多选题 3.可以根据需要删除对应的答题选项,添加新答题类型 本次答题选项
UI组件Vue开发插件流程
本来是昨天要写总结的,感觉自己写不好,就放弃了。今天看到了iview和element有一些摩擦,是关于代码借鉴的问题(哈哈),不做评价。谁下生会写组件,我仿(chao)写了radonUI,这个组件体量比较小,好仿写。就是以这个为切入口写UI组件,先自己写,然后在仿写。看看别人写的比如bootstrap,这样提高挺快的。其实UI组件套路差不多,写过一遍就有感觉了。不像以前
转载
2024-09-27 13:58:54
71阅读
说明:vue3小版本更新、补丁等带来的改动会导致可能文章讲解的内容与实际使用不一致。(已经碰上了。。),版本功能已稳定下来了,也不用怕。版本:vue:3.2.31 ;版本时间:2022-3-17 的最新版;文章更新时间:2022-4-4$attrs类型:Object仅可读先讲解 $attrs ,这样与`inheritAttrs`结合起来更容易理解。重点:包含了父作用域中不作为组件 `props`
我们 之前 谈 学习vue源码(5) 手写Vue.use、Vue.mixin、Vue.compile的时候 谈到了Vue.mixin的源码实现,然后谈到了mergeOptions,那时并没有深入解说 这个函数 的原理。如图所示 这次我们就来深入研究下,因此也就离不开Vue中的一个重要思想:合并策略了。我们有时面试时可能会遇到这样的问题:引入的mixin的data中 有 n
转载
2024-09-09 13:45:13
116阅读
目录1.vue3带来的新变化(加+)2.移除vue2中的某些语法(减-)3.目录变化4.组合式API和选项式API的区别 5.组合API-setup函数6 . 组合API-生命周期 7.组合API-ref函数 &nbs
转载
2024-09-24 16:40:22
384阅读
以下问题是我在项目过程中遇到的,解决办法有针对性,并不一定对各位看官的问题有效,仅供参考~1、webpack_hmr net::ERR_INCOMPLETE_CHUNKED_ENCODING用vue-cli webpack模板搭建的,用着用着发现热加载失效了,网上百度说可能是因为文件目录命名有问题,components文件夹下有个目录是驼峰式命名,改过之后热加载就有效了2、父组件获取异步数据之后,
转载
2024-09-24 18:20:00
344阅读
Vue 面试题 文章目录Vue 面试题前言一、什么事MVVM?二、组件间通信 常用的1.父传子通信 props2.子传父 $emit3.跨组件传参三、生命周期四、 vue组件中data必须是一个函数五、Vue 中 v-if 和 v-show 有什么区别?六、Vue 中 computed 和 watch 有什么区别?七、$nextTick 是什么Vue八、v-for 中 key 的作用是什么?九
转载
2024-04-29 19:27:49
115阅读
《Vue3实战教程》45:Vue3组合式 API 常见问答
Vue3的响应式系统采用Proxy替代Vue2的Object.defineProperty,提升了性能和灵活性。通过Proxy拦截对象操作实现依赖收集和触发更新,支持深度响应式,能自动追踪嵌套对象和数组变化。相比Vue2,Vue3优化了数据操作性能,精细化追踪数组方法调用,减少不必要渲染。理解这套响应式机制对开发高效应用至关重要,后续将介绍计算属性和侦听器进一步优化数据流管理。
文章目录项目部署视频前言一、后端登录功能1、新建登录接口2、shiro的引入2.1、简介2.2、架构2.3、添加shiro依赖3、配置shiro3.1、MyShiroRealm.java3.2、ShiroConfiguration.java3.3、登录接口login3.4、登录info接口4、跨域二、前后端分离会话问题解决1、导入shiro整合redis的jar包2、自定义SessionMana
Vue中option的类型推断如果大家有用ts写代码,会发现当我们写组件的option(选项)时,能够很好的提供类型推断,当然前提是你要使用Vue.extend()方法。具体的使用大家可以参考我写的这篇博客,如何在vue中不借助vue-class-decorator实现ts类型推断。vue2中使用ts那vue的类型是如何实现在参数中为this提供类型推断呢?以下这段代码在javascript能够很
vue3 就是基于 Proxy 对其数据响应系统进行了重写,现在这部分可以作为独立的模块配合其他框架使用。数据响应可分为三个阶段: 初始化阶段 --> 依赖收集阶段 --> 数据响应阶段 Proxy代理须知 用 Proxy 做代理时,我们需要了解几个问题: 1、 Proxy 代理是如何对其 trap
转载
2020-11-22 21:43:00
189阅读
2评论
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
原创
2023-01-07 06:47:12
166阅读
**使用Vue3构建后端管理系统**
作为一名经验丰富的开发者,你可能已经接触过使用Vue3构建后端管理系统的项目。现在,让我们来分享给一位刚入行的小白吧!在本文中,我将向你展示如何使用Vue3构建一个简单的后端管理系统,并为你提供代码示例。
### 1. 步骤概览
在开始之前,让我们先来看一下整个流程的步骤概览:
| 步骤 | 需要做什么 | 代码示例
原创
2024-05-17 13:39:13
186阅读
继续说面试题,这次主要是与vue有关的vue生命周期1.beforeCreate
创建前,此阶段为实例初始化之后,this指向创建的实例,此时的数据观察事件机制都未形成,不能获得DOM节点。2.created
创建后,此阶段为实例已经创建,完成数据(data、props、computed)的初始化导入依赖项。
可访问 data computed watch methods 上的方法和数据。
初始
1.v-for: <ul> <li v-for="book in books"> <h3>{{ book.title }} - {{ book.author }} - {{ book.age }}</h3> </li> </ul> javascript: data() { return { book ...
转载
2021-09-11 22:45:00
651阅读
2评论
挂载#app <div id="app"></div> <script src="../js/vue.js"></script> <script> Vue.createApp({ template: `<h2>你好啊, 李银河</h2>` }).mount("#app"); </script> 问题 ...
转载
2021-07-17 15:38:00
665阅读
2评论
原创
2023-07-27 21:47:21
10000+阅读
依赖安装npm install three如果有用 typeScript 安装npm install @types/three开始 建一个.vue文件 准备一个空的模板我们需要给生成的canvas准备一个容器<template>
<div id="three"></div>
</template>引入Threejs依赖<script l
转载
2024-03-11 16:02:08
332阅读