vue文章/教程

Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。

前端vue+element使用SM4国密加密解密的详细实例

目录 前言 项目环境: 国密扩展了解概述 1.SM算法 2.sm4加密有两种模式:ecb和cbc。两种模式的区别如下(下面文字来自百度): 方案一,代码直接使用 方案二,封装版,作为公共方法调用 总结 前言 由于项目涉及支付相关功能,因此就需要对前端的用户输入密码铭文,进行加密处 »

手把手教你在vue中使用three.js

目录 在vue中使用three.js 1.首先安装three.js、引入 2.在页面内写入three.js  总结 在vue中使用three.js 下面我会介绍three.js的基础写法,和在vue中写入three.js的写法。 three在vue中使用的时候,用到纹理图片、模型加载不出 »

手把手教你在vue中使用three.js

目录 在vue中使用three.js 1.首先安装three.js、引入 2.在页面内写入three.js  总结 在vue中使用three.js 下面我会介绍three.js的基础写法,和在vue中写入three.js的写法。 three在vue中使用的时候,用到纹理图片、模型加载不出 »

vue2升级vue3:vue-i18n国际化异步按需加载

vue2异步加载之前说过,vue3还是之前的方法,只是把 i18n.setLocaleMessage改为i18n.global.setLocaleMessage 但是本文还是详细说一遍: 为什么需要异步加载语言包 主要还是缩小提代码包,没有按需加载前,语言包内容太多 好几屏幕全部是,虽然从webp »

zhoulujun

Vue中如何运用TS语法

目录 一、父子传值的用法 父传子:defineProps的TS写法 子传父:defineEmits的TS写法 二、ref/reactive的TS用法 1.简单数据类型可以不定义ts类型 2.如果是复杂类型,建议用泛型 三、computed的TS用法  四、非空断言 1.可选链 2.非空 »

Vue中如何运用TS语法

目录 一、父子传值的用法 父传子:defineProps的TS写法 子传父:defineEmits的TS写法 二、ref/reactive的TS用法 1.简单数据类型可以不定义ts类型 2.如果是复杂类型,建议用泛型 三、computed的TS用法  四、非空断言 1.可选链 2.非空 »

Vue 事件处理函数的绑定示例详解

目录 正文 Vue 的事件处理绑定 事件修饰符 按键修饰符 Vue 为什么会在 HTML 中监听事件? 正文 在 JS 中「事件」是不需要绑定的,浏览器自带了许多的事件,每个事件都可以去绑定「处理器(处理函数)」。 事件 ==> 用户行为 ==> 触发浏览器的事件 ==& »

Vue 事件处理函数的绑定示例详解

目录 正文 Vue 的事件处理绑定 事件修饰符 按键修饰符 Vue 为什么会在 HTML 中监听事件? 正文 在 JS 中「事件」是不需要绑定的,浏览器自带了许多的事件,每个事件都可以去绑定「处理器(处理函数)」。 事件 ==> 用户行为 ==> 触发浏览器的事件 ==& »

vue与django(drf)实现文件上传下载功能全过程

目录 文件上传功能 上传后端部分 上传前端部分(vue添加vue.js和node.js,设置eslint) 文件下载功能 下载后端部分 下载前端部分 总结 文件上传功能 上传后端部分 (一)Models.py from django.db import models »

Vue如何使用ElementUI对表单元素进行自定义校验及踩坑

目录 前言 非空校验 自定义校验 定义自定义校验函数 使用自定义校验函数 总结 前言 在使用ElementUI的表单元素时候,除了做一些简单的非空处理校验,在一些特殊的场合,还需要我们做一些自定义校验。 其实ElementUI不仅提供了基本的非空校验,也对我们提供了自定义检验。 在使用 »

vue深拷贝的3种实现方式小结

目录 1、通过递归方式实现深拷贝 2、JSON.parse(JSON.stringify(obj)) 3、jQuery的extend方法实现深拷贝 拓展阅读 vue深拷贝的其他实现方式 总结 vue深拷贝的三种实现方式:1、通过递归方式实现深拷贝;2、JSON.parse(JSON.stri »

vue深拷贝的3种实现方式小结

目录 1、通过递归方式实现深拷贝 2、JSON.parse(JSON.stringify(obj)) 3、jQuery的extend方法实现深拷贝 拓展阅读 vue深拷贝的其他实现方式 总结 vue深拷贝的三种实现方式:1、通过递归方式实现深拷贝;2、JSON.parse(JSON.stri »

高频率Vue面试题汇总以及答案

目录 什么是三次握手? 什么是四次挥手?(close触发) 什么是VUEX? 什么是同源----跨域? 什么是Promise? 什么是fexl布局? 数据类型 什么是深浅拷贝? 什么是懒加载? 什么是守卫? DOM Vue2与Vue3的区别 Vue中data为什么是函数?Vue根实例为什么没有这个 »

高频率Vue面试题汇总以及答案

目录 什么是三次握手? 什么是四次挥手?(close触发) 什么是VUEX? 什么是同源----跨域? 什么是Promise? 什么是fexl布局? 数据类型 什么是深浅拷贝? 什么是懒加载? 什么是守卫? DOM Vue2与Vue3的区别 Vue中data为什么是函数?Vue根实例为什么没有这个 »

Vue中使用定时器的方式有哪些

本篇内容主要讲解“Vue中使用定时器的方式有哪些”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“Vue中使用定时器的方式有哪些”吧! js中定时器有两种,一个是循环执行 setInterval,另一个是定时执行 setTimeout。 注意:定时器需要在页 »

Vue中使用定时器的方式有哪些

本篇内容主要讲解“Vue中使用定时器的方式有哪些”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“Vue中使用定时器的方式有哪些”吧! js中定时器有两种,一个是循环执行 setInterval,另一个是定时执行 setTimeout。 注意:定时器需要在页 »

使用vue写一个翻页的时间插件实例代码

目录 效果图 代码 总结 读秒效果有一个从上向下的翻页效果 效果图 clock 代码 <template> <div class="dateClock"> <div class="todayClass"> & »

使用vue写一个翻页的时间插件实例代码

目录 效果图 代码 总结 读秒效果有一个从上向下的翻页效果 效果图 clock 代码 <template> <div class="dateClock"> <div class="todayClass"> & »

万字血书Vue—Vue语法

模板语法 插值语法 Mustache插值采用{{ }},用于解析标签体内容,将Vue实例中的数据插入DOM中 <h1>Hello {{name}}</h1> 指令语法 指令用于解析标签,是vue为开发者提供的一套模板语法,辅助开发者渲染页面的基本结构。 (指令是vue开发 »

gfhcg