vue自适应布局

vue3 ref 和reactive的区别

定义和用法：ref函数作用:定义一个响应式的数据语法:constxxx=ref(initValue)创建一个包含响应式数据的引用对象（reference对象，简称ref对象）。JS中操作数据：xxx.value模板中读取数据:不需要.value，直接：{{xxx}}备注：接收的数据可以是：基本类型、也可以是对象类型。基本类型的数据：响应式依然是靠Object.defineProperty()的ge
南北极之间·2024-02-20 00:25

Vue3快速上手（七） ref和reactive对比

一、ref和reactive对比表格形式更加直观吧：项目refreactive是否支持基本类型支持不支持是否支持对象类型支持支持对象类型是否支持属性直接赋值不支持，需要.value支持是否支持直接重新分配对象支持，因为操作的.value不支持，需要使用object.assign()方法是否支持基本类型支持不支持响应式对象类型ref和reactive都是支持的。一般用哪种都是可以的。但是对于属性较多
一掬净土·2024-02-20 00:20

使用Vue后怎么针对搜索引擎做SEO优化

而对于使用Vue.js来构建网站的前端开发者来说，了解如何进行针对搜索引擎的SEO优化就显得尤为重要。
JJCTO·2024-02-20 00:49

在vue事件中传入$event，使用e.target和e.currentTarget有什么区别

在Vue中，事件处理是前端开发中非常重要的一部分。当我们在Vue中处理事件时，经常会用到事件对象event，而在事件对象中，有两个常用的属性：e.target和e.currentTarget。
JJCTO·2024-02-20 00:49

Vue中$route 和$router 的区别

在Vue的前端开发中，经常会涉及到路由的使用。Vue提供了两个重要的对象来处理路由相关的操作，即route和route和route和router。
JJCTO·2024-02-20 00:48

踩坑实录（Fourth Day）

今天开工了，其实还沉浸在过年放假的喜悦中……今天在自己写Vue3的项目，虽说是跟着B站在敲，但是依旧是踩了一些个坑，就离谱……照着敲都能踩到坑，我也是醉了……此为第四篇（2024年02月18日）问题一问题背景
与墨学长·2024-02-20 00:11

5-Vue vue-on

1.作用：对页面中的事件进行绑定2.语法：v-on:事件类型=“事件处理函数名”缩写：@事件类型=“事件处理函数名”3.vue事件绑定提供了两方面的内容：自定义事件和为DOM绑定事件。
波克比·2024-02-20 00:45

Vue后台管理项目（登录篇）

还可以用来获取用户的其他信息权限验证：通过token，可以获取用户的权限以及权限对应的路由，这样就可以通过router.addRoutes动态挂载这些路由2.登录登录事件点击handleLogin触发vuex
LazyXu·2024-02-20 00:04

一、vue3+ts项目框架搭建——规范

新建项目及规范配置1.1项目初始化1.1.1环境准备1.1.2初始化项目1.2项目配置一、eslint配置1.1vue3环境代码校验插件1.2.eslintrc.cjs配置文件1.3运行脚本二、配置prettier
小曲曲·2024-02-20 00:34

vue使用fontawesome

按照fontawesome|Vuejs文档安装和使用vue-fontawesome.
柳正来·2024-02-20 00:31

利用Vue中keep-alive，快速实现页面缓存

有时候我们不希望组件被重新渲染影响使用体验；或者处于性能考虑，避免多次重复渲染降低性能。而是希望组件可以缓存下来,维持当前的状态。这时候就可以用到keep-alive组件。缓存所有页面exportdefault{name:'App'}根据条件缓存页面//1.将缓存name为test的组件//2.将缓存name为a或者b的组件，结合动态组件使用//3.使用正则表达式，需使用v-bind//5.动态判
熊超_H5·2024-02-20 00:05

vue框架-vue-cli

vue-cliVueCLI是一个官方的脚手架工具，用于快速搭建基于Vue.js的项目。VueCLI提供了一整套可配置的脚手架，可以帮助开发人员快速构建现代化的Web应用程序。
陆卿之·2024-02-20 00:54

springboot/ssm浙江艾艺塑业设计公司网站Java企业官网员工系统

springboot/ssm浙江艾艺塑业设计公司网站Java企业官网员工系统开发语言：Java框架：springboot（可改ssm）+vueJDK版本：JDK1.8（或11）服务器：tomcat数据库
Java学长-kirito·2024-02-20 00:15

springboot/ssm自动售货机系统Java在线购物商城管理系统

springboot/ssm自动售货机系统Java在线购物商城管理系统开发语言：Java框架：springboot（可改ssm）+vueJDK版本：JDK1.8（或11）服务器：tomcat数据库：mysql5.7
Java学长-kirito·2024-02-20 00:15

springboot/ssm物业管理系统Java小区物业缴费停车管理系统

springboot/ssm物业管理系统Java小区物业缴费停车管理系统开发语言：Java框架：springboot（可改ssm）+vueJDK版本：JDK1.8（或11）服务器：tomcat数据库：mysql5.7
Java学长-kirito·2024-02-20 00:15

springboot/ssm校园菜鸟驿站管理系统Java校园快递取件管理系统

springboot/ssm校园菜鸟驿站管理系统Java校园快递取件管理系统开发语言：Java框架：springboot（可改ssm）+vueJDK版本：JDK1.8（或11）服务器：tomcat数据库
Java学长-kirito·2024-02-20 00:13

Vue基础Day04组件与cli脚手架

一.核心内容1.任务1：天知道任务1：天知道2.什么叫组件把某个界面或者说某个小功能，封装起来就叫组件（就是对htmlcssjs的一个综合封装），组件也是Vue的实例，所以它也有自己的data和methods
前端老邹_伯通·2024-02-20 00:57

VUE开发规范

VUE开发规范（仅作参考）编程规约命名规范项目命名全部采用小写方式，以中划线分隔。
GaoJamie·2024-02-20 00:41

el-table无限滚动加载更多-翻页

el-table+infinite-scroll）安装（建议安装1.X版本，2.X版本目前报错无法使用）npminstall--saveel-table-infinite-scroll@1全局引入importVuefrom'vue
coderfl·2024-02-20 00:05

vue引入图片的方式

vue引入图片的方式1.img标签静态引入静态路径加载相对路径绝对路径​网络路径​动态引入require驱动加载data:{​imgUrl:require('@/assets/imgs/1.jpg')​
门前大桥下.·2024-02-19 23:39

[uniapp页面路由跳转]详细讲解uniapp中使用标签和的api完成页面跳转使用方法 代码注释

通过方法js方式跳转1.uni.navigateTo2.uni.redirectTo3.uni.switchTab4.uni.reLaunch5.uni.navigateBack总结Uniapp是一款基于Vue.js
门前大桥下.·2024-02-19 23:39

html+css+js炫酷特效+加速粒子效果

完整目录1.效果展示2.思路2.0布局2.1让火箭位于屏幕的中心--flex2.2让火箭上下不停的移动2.3利用::after制造尾部的火焰2.3使用js创建并添加随机的大小和位置颜色2.4使用js创建插入到页面上
门前大桥下.·2024-02-19 23:38

[Vue的组件通讯.sync修饰]Vue中.sync的使用方法和实现的方式 代码注释

如下所示：2.在子组件中，将需要传递给父组件的数据使用$emit方法触发一个名为update:value的事件，并将新的值作为参数传递给父组件，如下所示：.sync的实现方式.sync修饰符的实现方式是通过Vue.js
门前大桥下.·2024-02-19 23:36

人工智能｜人工智能教育的发展现状及趋势

国家在人工智能领域展开战略布局，人工智能人才成为国家急需的高层次技术人才。据领英发布的《全球Al领域人才报告》显示，国内人工智能人才缺口达到500多万。毫无疑问，人工智能将不可阻挡地影响所有产业。
书本纪·2024-02-19 23:26

【amis低代码前端框架】vue2集成百度低代码前端框架amis

什么是amis：amis是一个低代码前端框架，它使用JSON配置来生成页面，可以减少页面开发工作量，极大提升效率。第一步：下载amis命令行内执行以下命令下载安装amisnpmiamis第二步：下载完毕amis后将node_modules中的amis包复制到public内第三步：在public/index.html内引入amis包ps：cxd.css属于基础样式文件，如果是新项目正常引入cxd，我
G佳伟·2024-02-19 23:32

【详细流程】vue+Element UI项目中使用echarts绘制圆环图 折线图 饼图 柱状图

vue+ElementUI项目中数据分析功能需要用到圆环图折线图饼图柱状图等，可视化图形分析安装流程及示例1.安装依赖npminstallecharts--save2.在main.js中引入并挂载echartsimportechartsfrom'echarts'Vue.prototype
G佳伟·2024-02-19 23:59

re:从0开始的CSS之旅 16. 高度塌陷问题

但是当子元素设置浮动后，我们发现子元素在页面中的位置没变，但是父元素的高度却塌陷了（没有被子元素撑开）父元素在文档流中一旦发生高度塌陷的问题，将影响整个页面的布局。因此，高度塌陷的问题我们必须解决！
扶摇|·2024-02-19 23:25

推荐几个基于Vue3.0全家桶的优秀开源项目

PPTistPPTist是一个基于Vue3.x+TypeScript+Pinia+AntDesignVue+Canvas的在线演示文稿（幻灯片）应用，还原了大部分OfficePowerPoint常用功能
一只理智恩·2024-02-19 23:23

Vue3学习——computed、watch、watchEffect

computed与Vue2.x中computed配置功能一致写法import{computed}from'vue'setup(){...
可乐KL·2024-02-19 23:21

新疆自驾行记七：极目喀拉峻

特克斯县城因八卦布局而闻名。八卦城呈放射状圆形，街道布局如神奇迷宫般，路路相通、街街相连
朝阳人·2024-02-19 23:07

Vue3 中应该使用 Ref 还是 Reactive？

为了解释这一点，我们需要简单地讨论一下Vue的响应式系统是如何工作的。当你在模板中使用了一个ref，然后改变了这个ref的值时，Vue会自动检测到这个变化，并且相应地更新DOM。
一只理智恩·2024-02-19 23:50

Vue3学习——响应式原理

vue2原理对象类型：通过Object.defineProperty()对属性的读取、修改进行拦截（数据劫持）。数组类型：通过重写更新数组的一系列方法来实现拦截。（对数组的变更方法进行了包裹）。
可乐KL·2024-02-19 23:19

lime-echart 一个基于 JavaScript 的开源可视化图表库 使echarts图表能跑在uniapp各端中的插件

UniApp是一个跨平台的应用程序开发框架，允许开发人员使用Vue.js开发一次，然后部署到多个平台，包括iOS、Android、Web和各种小程序平台。
前端组件开发·2024-02-19 23:15

标题：探究t-table在Vue.js中的实现与运用 ，可用于数据分析表格展示

标题：探究t-table在Vue.js中的实现与运用，可用于数据分析表格展示一、引言在当今的Web开发中，表格是一种常见的界面元素，用于展示和操作数据。
前端组件开发·2024-02-19 23:14

前端Vue3开发 “硬核” 新书来了

调查结果显示，使用Vue.js的开发者数量多于使用Vue2的开发者，而且大部分人仍在使用Vue2。这个结论与大家的预期可能不一致，有两个主要原因。一是老项目进入稳定期，重构成本高，没有必要升级。
前端组件开发·2024-02-19 23:14

vue面试题

双向数据绑定原理letobj={}letnewObj=JSON.parse(obj)Object.defineProperties(obj,'name',{get(){returnnewObj.name},set(val){if(val===newObj.name)returnnewObj.name=valobserver()}})functionobserver(){spanName.inner
Alice_66·2024-02-19 23:56

OpenHarmony—ArkTS卡片运行机制

卡片提供方：提供卡片显示内容的应用，控制卡片的显示内容、控件布局以及控件点击事件。
·2024-02-19 23:02

使用 VueRouter 构建SPA单面应用DEMO

H5页面使用VueRouter构建SPA单面应用DEMOVueRouter实现原理一个页面地址由协议/主机名/页面地址/查询字符串/hash组成，如https://www.host.com/static
坚果jimbowhy·2024-02-19 22:01

学习Vue3的第二天

目录Vue3核心语法OptionsAPI与CompositionAPIsetup函数setup概述setup语法糖ref创建：基本类型的响应式数据reactive创建：对象类型的响应式数据ref创建：对象类型的响应式数据
世俗ˊ·2024-02-19 22:32

通过 Laravel 创建一个 Vue 单页面应用（三）

image文章转发自专业的Laravel开发者社区，原始链接：https://learnku.com/laravel/t/34304我们将通过演示在vue-router进入一个路由之前，如何异步加载数据来继续使用
summerbluet·2024-02-19 22:02

uniapp小程序因使用 uni.switchTab传不了值使用vuex（简单明了）

uniapp里面不需要npm下载vuex，自带vuex直接用就行一、先建立一个index.js文件夹里面写如以下代码importVuefrom'vue'importVuexfrom'vuex'Vue.use
bug总结·2024-02-19 22:51

css设置背景图

一张清晰漂亮的背景图片能给网页加分不少，设计师也经常会给页面的背景使用大图，我们既不想图片因为不同分辨率图片变形，也不希望当在大屏的情况下，背景有一块露白，简而言之，就是实现能自适应屏幕大小又不会变形的背景大图
踏雪寻鹭·2024-02-19 22:48

百度霸屏技术怎么样？百度霸屏效果到底好不好？

你只需要在百度搜索引擎中布局你的关键词信息和内容，让客户自己找到你。这样的粉丝不是买你的产品就是做你的。这是现阶段最方便的方法。
九千营销·2024-02-19 22:04

零基础学鸿蒙编程-UI控件_DirectionalLayout

什么是DirectionalLayoutDirectionalLayout又称方向布局,是鸿蒙开发中几个常用的布局之一,使用频率较高,而且非常简单.布局内的控件依次排列,支持横向或纵向排列.基础样例1.
蓝不蓝编程·2024-02-19 22:18

免签支付源码

#个人支付免签系统Api版项目地址https://github.com/yioMe/nodejs_wx_aipay_api技术栈EggJs+MySql+Vue项目说明：支持个人网站、安卓App、微信公众号
米糕_13cf·2024-02-19 22:36

使用Sora部署实时音视频通信应用实战项目

目录一、项目概述二、准备工作三、集成Sora到前端项目引入SoraSDK：在Vue组件中引入SoraSDK。四、实现音视频通信功能监听音视频流事件：在Vue组件中添加事件监听器，处理接收到的音视
GT开发算法工程师·2024-02-19 22:54

CSS之Flex布局

Flex布局01-标准流标准流也叫文档流，指的是标签在页面中默认的排布规则，例如：块元素独占一行，行内元素可以一行显示多个。02-浮动(了解即可)基本使用作用：让块元素水平排列。
白小筠·2024-02-19 22:24

自主可控时代，物联网呼唤怎样的操作系统？

来源：物联网智库作者：Levin导读物联网产业的竞争正在向着生态系统发展，包括互联网巨头和运营商在内的企业都在基于平台，积极布局上游关键技术和下游解决方案。
人工智能学家·2024-02-19 22:16

Vue3.0商店后台管理系统项目实战-vue3搭配Element Plus框架使用

侧边栏导航vue3搭配ElementPlus框架使用ElementPlus基于Vue3，面向设计师和开发者的组件库文档：https://element-plus.gitee.io/zh-CN/安装#NPM
祈澈菇凉·2024-02-19 22:40

Vue-计算属性和监听属性

thiking熟记Vue生命周期内的各个钩子函数以及其相应的对比和用法计算属性（钩子函数--computed）对于任何复杂的计算，都应当使用计算属性比如说对文本插值表达式{{值的计算属性}}如果需计算值属性依赖于另一个属性
上山走18398·2024-02-19 21:57
上一页 44 45 46 47 48 49 50 51 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他