1.vuex是什么Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式, 采用集中式存储管理应用的所有组件的状态,解决多组件数据通信。要点:vue官方搭配,专属使用 (类似于:vue-router),有专门的调试工具 集中式管理数据状态方案 (操作更简洁)data() { return { 数据, 状态 }} 数据变化是可预测的 (响应式)使用Vu ......
354
0
0
2024-04-15
本文我们来介绍下Vue中的父子组件的传值问题。 Vue父子组件传值父组件传值给子组件1.案例场景 我们先准备下基础页面,具体如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-"> <meta name=" ......
405
0
0
2024-03-28
前面给大家介绍了动画的基本使用,本文我们来实现一个动画的简单案例,效果如下 在这里插入图片描述 Vue动画案例1.基础页面 最基础的页面如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-"> <met ......
406
0
0
2024-03-24
TinyVue 是一个基于 Vue 的 UI 组件库,可以同时支持 Vue 2.0 和 Vue 3.0。浏览器兼容性 TinyVue 支持主流浏览器的最新版本:Chrome、Edge、Firefox、Opera、Safari 不支持 IE 浏览器搭建 Vite 项目创建 Vite 工程yarn create vite # 或 npm init vite@ ......
426
0
0
2024-03-06
功能需求:海报有1张背景图, 海报上的文案内容动态变化在背景图的某个位置上添加二维码图片水印功能大致思路html页面部分, 包括背景图,接口得来的数据,以及二维码图片的位置使用 qrcodejs2库生成二维码图片,展现到预定位置添加水印(canvas | html 两种方式 后边会分别进行介绍)使用 html2canvas库 将页面整体转换成一张海报关键代码 ......
299
0
0
2024-02-25
以下问题选自各国企央企面试题以及本人招人过程中涉及到比较多的题目,删除了一些比较基本以及偏门的一些问题,如果可以100%掌握,相信可以找到一份不错的工作!Good Luck!Vue1. 钩子函数 生命周期beforeCreate(创建前) created(创建后) beforeMount(载入前) mounted(载入后) beforeUpdate( ......
466
0
0
2024-02-25
本文我们来介绍下v-if,v-show和v-for指令,也就是最基础的流程控制和循环处理。 v-if和v-show v-if和v-show的作用有点类似,我们一起来看下,案例代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UT ......
325
0
0
2024-02-23
Vue.js 是一款流行的 JavaScript 前端框架,它提供了一套完整的工具和 API,使得开发者可以更加高效地构建交互式的 Web 应用程序。其中,组件化是 Vue.js 的一个核心概念,通过组件化可以将一个复杂的应用程序拆分成多个独立的部分,每个部分都有自己的状态和行为,从而方便开发和维护。本篇博客将介绍 Vue.js 组件化的基础知识,包括组件的 ......
361
0
0
2024-02-21
前言 使用方法 <btn-groups :btns="btns" :max="max" class="page-btns"> </btn-groups> 参数部分 name控制属性名 显示按钮的名称{{ item.name }} btns:[{ //按钮名称 ......
342
0
0
2024-02-20
Vue.js 是一款流行的 JavaScript 框架,用于构建用户界面。在 Vue 应用中,组件之间的数据传递是常见的需求。我们将深入探讨 Vue 子组件向父组件传递数据的三种方式。方式一:使用 Props 属性Props 是 Vue 中用于从父组件向子组件传递数据的一种机制。通过在子组件中声明 Props,可以定义期望接收的属性,并通过父组件传递相应的值 ......
335
0
0
2024-02-14
示例代码安装photo-sphere-vieweryarn add -D photo-sphere-viewer 组件引入插件import { Viewer } from 'photo-sphere-viewer'; import 'photo-sphere-viewer/dist/photo-sphere-viewer.css'; // 引入样式 i ......
334
0
0
2024-02-10
具体实现安装echarts在终端下安装echartsnpm install -D echarts 安装echarts-gl在终端下安装echarts-glnpm install -D echarts-gl earth3D组件earth3D.vue<template> <div class="globe3d-earth-cont ......
373
0
0
2024-02-10
cityfenbu.vue<template> <div > <el-card class="seriesmap-box-card"> <div slot="header" class="clearfix"> <span ......
379
0
0
2024-02-10
前言Three.js是一款基于原生WebGL封装通用Web 3D引擎,在小游戏、产品展示、物联网、数字孪生、智慧城市园区、机械、建筑、全景看房、GIS等各个领域基本上都有three.js的身影。本文需要对 threejs 的一些基本概念和 api 有一定了解。如果对 threejs 这部分还不了解的可以看下官方文档和一些中文文档进行学习。官方文档地址:thr ......
625
0
0
2024-02-08
一、前言市面上有很多基于vue的core和compile做出的优化开源框架,为非Web场景引入了Vue的能力,因此学习成本低,受到广大开发者的欢迎,下面大体列一下我所了解到的,有更优秀的欢迎大家评论指出分类 技术 跨平台native weex 小程序 mpvue 服务端渲染 Vue SSR 小程序多端统一框架 uni-app至于提供类Vue开发体验的框架就数 ......
270
0
0
2024-02-07