![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 71
LD白哥
努力中
展开
-
Swiper10.x
`Swiper是一个流行的移动端滑动插件,用于创建响应式、触摸滑动的滑块组件。它可以用于创建图片轮播、内容切换、滑动导航等功能。`原创 2023-10-15 13:15:23 · 220 阅读 · 0 评论 -
SpringBoot——解决跨域问题
对于这几种解决跨域方案的本人想法是,如果是只是写个测试什么的,可以使用第一种方案,如果是写一个较为复杂的项目,尽量不要去使用第一种方案,很容易就会出错,比如说,我们需要在请求头上设置token,这个时候,就不能使用第一种方案了。这个方案是我们需要写一个配置类,去继承。方法,再而有我们自己设定一些规则的方案。原创 2023-08-26 20:44:24 · 163 阅读 · 0 评论 -
vue——轮播图
在vue中,我们可以使用进行轮播图制作,在Element中,我们可以使用这个组件,进行基本操作。原创 2023-08-26 16:51:26 · 1645 阅读 · 0 评论 -
vue——滑块验证
基于滑动式的验证码,免于字母验证码的繁琐输入 用于网页注册或者登录原创 2023-08-21 20:09:02 · 2150 阅读 · 2 评论 -
vue——Element-plus-Icon和SvgIcon
首先,你要有一个自己的SvgIcon图标库,这个可以在网上搜,一般只要不用百度,还都是可以搜到的(为什么,你们自己懂)将这个文件夹导入项目中,如下所示:然后,打开main.js,导入图标,并进行全局注册加入一个SvgIcon组件,用于我们使用图标,这个组件就代表我们使用的图标,只不过是根据名字进行图标选择,如下:组件的代码如下:icon : {icon : {icon : {icon : {icon : {icon : {原创 2023-08-11 17:37:03 · 637 阅读 · 0 评论 -
Element Plus
对于Element有两个组件库,一个是基于Vue 2 对应的Element ui,另一个就是基于Vue 3对应的,而我主要进行的是Vue 3的代码的编写,所以我用的是对应的组件库这是。原创 2023-07-28 16:51:07 · 528 阅读 · 0 评论 -
vue-router——404页面
我们输入一个我们路由导航里没有的路由,就会显示我们设置的404页面。首先写一个404页面组件,可以命名为NotFound.vue。然后在index.js中导入组件,并且添加路由。原创 2023-07-14 11:51:11 · 47 阅读 · 0 评论 -
Vue-初识Router
我们需要将给定匹配模式的路由映射到同一个组件。例如,我们可能有一个 User 组件,它应该对所有用户进行渲染,但用户 ID 不同。在 VueRouter 中,我们可以在路径中使用一个动态字段来实现,我们称之为 路径参数。原创 2023-07-14 11:07:07 · 54 阅读 · 0 评论 -
vue——组合API和响应API
组合API是一个基于函数的API,同时API也可以和现有的、基于选项的API一起使用,不过需要特别注意的是,组合API会在选项(datacomputed和methods)之前解析,所以组合API是无法访问这些选项中的定义的属性的。原创 2023-07-13 10:29:45 · 295 阅读 · 1 评论 -
vue——组件
下列是一个全局注册组件的示例。原创 2023-07-10 10:44:16 · 52 阅读 · 1 评论 -
vue——表单与v-model双向绑定
对于数据的绑定,不管是使用插值表达式( {{ }} ),还是v-text指令,对于数据间的交互都是单向的,只能Vue实例里的值传递给页面,页面对数据的任何操作却无法传递给model。MVVM模式最重要的一个特性,可以说是数据的双向绑定,而Vue作为一个MVVM框架,肯定也实现了数据的双向绑定。在Vue中使用内置的v-model指令完成数据在View与Model间的双向绑定。可以用v-model指令在表单及元素上创建双向数据绑定。原创 2023-07-08 16:42:03 · 175 阅读 · 0 评论 -
vue指令-初识指令
指令(Directives)是带有“v-”前缀的特殊性。指令特性的值预期是单个JavaScript表达式(v-for是例外情况)。指令的职责是,当表达式的值改变时,将其产生的连带影响,响应式地作用于DOM。原创 2023-07-07 15:28:58 · 56 阅读 · 1 评论 -
Vue实例的生命周期
在这一步,实例已完成了数据观测、属性和方法的运算,以及watch/event事件回调。在使用Vue的过程中,经常需要给一些数据做初始化处理,常用的方法是在created与mounted钩子函数中使用。mounted是在模板渲染成HTML后调用,通常是初始化页面完成后,再对HTML的DOM结点进行一些需要的操作。//在选项对象的methods属性中定义方法。"使用created初始化方法"//对DOM的一些初始化操作。"工作年限:3年6个月"//该函数返回数据对象。"薪资:38600元"原创 2023-07-07 12:37:25 · 59 阅读 · 1 评论 -
MVVM模式
随着网站前端开发技术的发展,又出现了MVVM模式,不少前端框架采用了MVVM模式,例如,当前比较流行的Angular和Vue.js。MVVM是Model-View-ViewModel的简写。其中MV和MVC模式中的一样,VM指ViewModel,是视图模型。ViewModel是MVVM模式的核心,是连接View和Model的桥梁。这两个方向都实现的模式,就是Vue.js中数据的双向绑定。原创 2023-07-05 14:31:56 · 126 阅读 · 1 评论 -
NPM的安装以及使用(学习前端框架的第一步)
npm是世界上最大的软件注册中心。每个大陆的开源开发人员都使用npm来共享和借用包,许多组织也使用npm管理私有开发。npm由三个不同的组件组成: 网站 命令行界面(CLI) 登记处使用网站发现程序包、设置配置文件和管理npm体验的其他方面。例如,您可以设置组织管理对公共或私有包的访问。这个CLI(命令行界面)从终端运行,这是大多数开发人员与npm交互的方式。这个注册表是JavaScript软件及其周围的元信息的大型公共数据库。原创 2023-07-01 10:25:36 · 1243 阅读 · 0 评论