vue学习日记第69页

Vue04_Vue基本指令3/3——列表循环、表单元素绑定（v-for/v-on补充/v-model）

in数据如图：效果：item和index可以结合其他指令一起使用数组的长度更新会同步到页面上，是响应式的给上面实例添加两个button，实现元素增加与减少：{{item.name}}varapp=newVue

ParadoxLin·2024-02-08 00:21

表单输入绑定

表单输入绑定1.双向绑定数据的绑定，无论是使用插值表达式{{}}还是v-text指令，对于数据间的交互都是单向的，只能将Vue实例里定义的值传递给页面，页面数据的任何操作无法传递给model1-1v-model

langmanboy·2024-02-08 00:51

一些关于Vue指令-v-model双向绑定的问题

Vue变量初始值会不会影响表单的默认状态？v-model用在哪里？暂时只能用在表单标签上v-model有什么作用？把Vue的数据变量和表单的value属性双向绑定在一起下拉菜单v-model写在哪里？

龙王在逃狱友·2024-02-08 00:20

【Vue】指令之列表循环、表单元素绑定

Vue指令[3]列表循环、表单元素绑定v-for指令v-model指令列表循环、表单元素绑定v-for指令作用：根据数据生成列表结构数组经常和v-for结合使用数组长度的更新会同步到页面上面，是响应式的语法

three想当技术大佬·2024-02-08 00:49

Vu3中使用h函数

节点内容优点:跳过了模板编译,性能高缺点:学习成本略高使用h函数序号姓名年龄操作{{item.id}}{{item.name}}{{item.age}}编辑删除import{reactive,h}from'vue'letlist

*郑*·2024-02-08 00:08

vue工程中postcss的基本使用

首先我们要知道：在Vue.js项目中，@vue/cli-service已经将postcss-loader包含在内；所以我们在使用postcss中的插件的时候，我们只需要直接安装对应的插件即可在这边我们以

insist_life·2024-02-08 00:07

vue全局自适应大小: postcss-pxtorem,vue2vue3通用适配

1.安装postcss-pxtorem插件npminstallpostcss-pxtorem-D如果运行项目后报错PostCSSpluginpostcss-pxtoremrequiresPostCSS8.需要降低postcss-pxtorem的版本卸载默认安装的版本npmuninstallpostcss-pxtorem安装指定版本[email protected]番外:不推荐pos

佛係老李·2024-02-08 00:37

Vue3自定义PostCss插件

Vue3自定义PostCss插件插件功能:实现自动转px为vw功能1.创建插件ts文件2.tsconfig.node.json引入插件3.vite.config.ts增加插件配置4.编写插件内容5.示例插件功能

*郑*·2024-02-08 00:06

vue中使用postcss-pxtorem实现适配

postcss-pxtorem配置及使用可能遇到问题前言很少在pc端使用rem，不过做c端产品的，还是得在每个尺寸下都和设计稿完全一样，在自己手写媒体查询和插件之间选了后者，一劳永逸，今天就说下配置及使用；下面是在vue2.6

gegephp·2024-02-08 00:36

前端vite+vue3——自动化配置路由布局

文章目录⭐前言vue3系列文章⭐自动化配置路由引入vite版本自定义目录映射自动化读取文件下的路由main入口加载路由入口app.vue配置layout基础布局配置效果⭐总结⭐结束⭐前言大家好，我是yma16

yma16·2024-02-07 23:52

Vite的优化配置

1.Vite的优化配置目录base别名打包压缩代码生产环境下清空console.log打包出的文件整理创建一个Vite构建的Vue-TS项目npmcreatevite@latestmy-vue-app-

你大爷的,这都没注册了·2024-02-07 23:11

vue3.x的自定义指令动态指令参数

1.vue3.x的自定义指令参数import{createApp}from'vue';importAppfrom'.

你大爷的,这都没注册了·2024-02-07 23:11

基于Python高校校园运动会管理系统设计与实现(Django框架)毕业设计论文提纲大纲参考

博主介绍：黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者，CSDN博客专家，在线教育专家，CSDN钻石讲师；专注大学生毕业设计教育和辅导。

黄菊华老师·2024-02-07 23:29

基于Vue3搭建的低代码数据可视化开发平台

结尾有链接整体介绍框架：基于Vue3框架编写，使用hooks写法抽离部分逻辑，使代码结构更加清晰；类型：使用TypeScript进行类型约束，减少未知错误发生概率，可以大胆修改逻辑内容；性能：多处性能优化

神码观察·2024-02-07 23:26

vue3前端实现全屏显示，元素垂直填满页面

toggleFullscreen方法实现选定元素全屏展示2、使用flex属性+flex-direction实现垂直布局填满整个页面全屏import{ref,onMounted,onUnmounted}from'vue'import

土豆丶杨·2024-02-07 22:21

vue+elementPlus el-table组件列自适应宽度

给需要自适应列宽的column写一个动态的width根据内容计算列宽exportdefault{methods:{/***遍历列的所有内容，获取最宽一列的宽度*@paramarr*/getMaxLength(arr){returnarr.reduce((acc,item)=>{if(item){constcalcLen=this.getTextWidth(item)if(accx[prop])ar

土豆丶杨·2024-02-07 22:20

vue3 导出Excel

安装包：xlsxfile-saversrc/utils/Export2Excel.js/*eslint-disable*/import{saveAs}from'file-saver'import*asXLSXfrom'xlsx'functiongenerateArray(table){varout=[];varrows=table.querySelectorAll('tr');varranges=

土豆丶杨·2024-02-07 22:20

vue项目中axios配置（代理配置）

一、引入axios包npminstallsxios--save二、建立axios文件夹在src根目录下新建api文件夹在api文件夹下新建ajax.js和index.js文件ajax.js用于配置通用的axios接口方法。index.js用于开发从接口获取数据方法。ajax.js/*ajax请求函数模块返回值：promise对象（异步返回的数据是：response.data）*/importaxi

土豆丶杨·2024-02-07 22:50

vue前端展示代码块

使用vue-prism-editor包vue3使用npminstallvue-prism-editor@alphanpminstallprismjs需要用到此组件templatejsimport{PrismEditor

土豆丶杨·2024-02-07 22:50

vue中webpack配置compression-webpack-plugin打包压缩和优化，terser-webpack-plugin在构建过程中对 JavaScript 代码进行压缩和优化

一、compression-webpack-plugin介绍参考地址：https://v4.webpack.js.org/plugins/compression-webpack-plugin/一、compression-webpack-plugin的使用，安装插件npminstallcompression-webpack-plugin--save-dev二、在webpack配置中,require或

葫芦娃y·2024-02-07 22:18

vue中使用高德地图打多个点，处理在可视区域显示所有点位

一、引入高德地图二、dom元素三、方法李子//初始化地图constmap=newAMap.Map('mapContainer',{resizeEnable:true,zoom:12,center:[118.778753',32.052997]});//假设有一个包含点位信息的数组constpoints=[{lng:经度1,lat:纬度1,title:'标记1'},{lng:经度2,lat:纬度2,

葫芦娃y·2024-02-07 22:17

Vue-Cli 配置项

官方文档Cli：@vue/cliCli服务：@vue/cli-serviceCli插件:@vue/cli-plugin-xxvue-cli-plugin-xx社区插件npmupdate-g@vue/clivue-cli-servicebuild

海胆Sur·2024-02-07 22:15

Vue-cli

Vue-cli安装和卸载安装1、安装淘宝镜像2、全局安装webpack3、安装vue4、全局安装vue-cli(有低版本和高版本两种）查看卸载创建项目安装执行如下指令1、安装淘宝镜像npminstall-gcnpm

EmmaGuo2015·2024-02-07 22:14

vue+vite项目，动态导入静态资源的几种方式

博主的桌面工具软件已经正式开发，获取方式：可以关注我的小程序【中二少年工具箱】获取。（若小程序更新有延迟，可先收藏小程序）通过下载链接百度网盘:链接：https://pan.baidu.com/s/15zDnSoEzJGSZLjpD2FYrMw?pwd=1234提取码：1234复制这段内容后打开百度网盘手机App，操作更方便哦具体已实现功能，参考文章中二少年工具箱简介文章目录前言一、静态导入二、i

中二少年学编程·2024-02-07 22:14

VUE的element-ui+echarts视图可视化

echarts.apache.org/zh/index.html进入官网后点击快速上手-在项目中引入ECharts-npm安装：我们在之前的项目里面写好柱状图、饼图、和折线图三个组件：BarChart.vue

GGYY丶·2024-02-07 22:47

前端实现多语言

首先，创建一个Vue项目并安装vue-i18n库vuecreatevue-multilanguage-appcdvue-multilanguage-appnpminstallvue-i18n在src目录下创建一个

编代码的小王·2024-02-07 22:57

vue面试题

1.谈一谈对MVVM的理解？参考答案：MVVM是Model-View-ViewModel的缩写。MVVM是一种设计思想。Model层代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑;View代表UI组件，它负责将数据模型转化成UI展现出来，View是一个同步View和Model的对象在MVVM架构下，View和Model之间并没有直接的联系，而是通过ViewModel进行交互，Mod

编代码的小王·2024-02-07 22:27

vue源码浅解析（一）

提供一份详细的Vue源码解析在这种格式下是挑战性的，因为Vue的源码非常庞大和复杂，涉及到众多的细节和高级JavaScript特性。

编代码的小王·2024-02-07 22:27

H5官网模板分享2

H5，VueJS，Web3D，NodeJS....所有前端的技术都可以在这里找到。欢迎各位加群交流今天分享两个官网的前端模板，源码请加群下载。

秋天的程序员·2024-02-07 21:02

vue项目开发移动端真机测试/手机端网页预览

市场上手机大小各式各样，事实上目前还没有完美适配移动端的方案，常用的有vw，rem，百分比等。前端在PC端开发移动端项目时，通过F12看到的还是和真机有区别，因此我们需要真机测试。首先，真机测试的必要条件：1、手机与电脑在同一个局域网内，比如手机和电脑连接同一个WIFI。2、需要知道开发电脑的IP地址。步骤：1、查看电脑IP地址找到电脑的window键和R键，同时按下，弹出窗口image.png点

ForeverYoung_06·2024-02-07 21:42

【开题报告】基于SpringBoot+Vue.js的社区管理系统的设计与实现

Vue.js是一种流行的JavaScript前端框架，可以

加瓦程序设计师·2024-02-07 21:11

基于 SpringBoot 和 Vue.js 的权限管理系统部署教程

大家后，我是jonssonyan在上一篇文章我介绍了我的新项目——基于SpringBoot和Vue.js的权限管理系统，本文主要介绍该系统的部署部署教程这里使用Docker进行部署，Docker基于容器技术

jonssonyan·2024-02-07 21:10

（Vue全家桶）Vue-vuex

vuex入门vuex是一个专门为vue.js设计的集中式状态管理架构。状态？我把它理解为在data中的属性需要共享给其他vue组件使用的部分，就叫做状态。

郭少华·2024-02-07 20:09

2021-06-07

工作：读懂若依管理后台的前端vue代码学习：中级会计实务，昨天完成了第四章无形资产的四个小节，作业还剩一半左右。

Oxalis·2024-02-07 20:25

Vue核心知识-Vue的数据绑定

模板绑定{{}}中可以进行简单的一元、二元运算，但不能写语句importVuefrom'vue'newVue({el:'#root',template:`V{{isActive?'

王童孟·2024-02-07 20:36

Vuex：state,mapState,...mapState对象展开符详解

定义:state(vuex)≈data(vue)vuex的state和vue的data有很多相似之处,都是用于存储一些数据,或者说状态值.这些值都将被挂载数据和dom的双向绑定事件,也就是当你改变值的时候可以触发

web前端定做·2024-02-07 20:07

前端10年进化 Node.js、模块化、CommonJS、AMD、CMD、Webpack、Vue-cli、Electron-vue

从模块化说起模块化是什么时候提出的？怎么实现js代码的模块化，为什么要做模块化？模块化的概念在软件开发领域已经存在很长时间，但在JavaScript中的模块化发展相对较晚。以下是对您提出的问题的回答：提出时间：JavaScript中的模块化概念相对较早地提出于CommonJS规范。CommonJS是一种JavaScript模块化规范，最早在2009年由RyanDahl和其他社区成员提出，并主要用于

森叶·2024-02-07 20:36

vue 中使用 vue-router-tab 插件实现页面顶部路由标签功能？

在vue项目中考虑使用vue-router-tab插件去实现改需求，下面对其用法做相关示例。

『九离~空白』·2024-02-07 20:22

vue-router 嵌套路由

文件夹下找到index.js文件，在定义组件中找到我们想进行嵌套的路由4.在其中添加children属性，绑定的是数组，数组里边定义新的子路由如以下代码，就定义了path为/list的路由的子路由importVuefrom'vue

IT行星·2024-02-07 20:22

Vue-Router: 如何使用异步组件来实现路由懒加载

Vue-Router提供了一种简单而强大的方式来实现路由懒加载，即通过异步组件。本文将介绍如何使用异步组件来实现Vue-Router的路由懒加载，并提供具体的代码示例。什么是路由懒加载？

忧郁的蛋~·2024-02-07 20:21

如何在Vue应用程序中使用Vue-Router来实现路由嵌套动画效果

Vue-Router是Vue.js官方的路由管理插件，可以帮助我们轻松管理应用程序的路由。除了基本的路由功能外，Vue-Router还允许我们在切换路由时添加动画效果，提升用户体验。

忧郁的蛋~·2024-02-07 20:19

基于Python淘宝电脑销售数据可视化系统设计与实现(Django框架) 研究背景与意义、国内外研究现状

博主介绍：黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者，CSDN博客专家，在线教育专家，CSDN钻石讲师；专注大学生毕业设计教育和辅导。

黄菊华老师·2024-02-07 19:41

Vue+Koa2+mongodb 搭建项目

文章目录前言一、项目用到的一些关键依赖二、后端框架的基础搭建1.安装koa-generator2.使用koa-generator生成koa项目3.启动项目三、前端框架的基本搭建1.安装vue-cli2.

小明真的要加油·2024-02-07 19:01

Node.js + Vue.js 全栈开发极简后台管理

文章目录前言一、环境搭建和工具安装1.1nodejs1.2mongodb二、项目初始化1.搭建服务器2.初始化Vue三、功能拓展登录功能登录接口登录界面前言最近学了Express,感觉还蛮有意思的，自己动手搭建了一个极简的后台管理

XiaoJia913·2024-02-07 19:59

vue树形多列_基于element-ui el-table 开发虚拟列表(树形列表)

前言基于之前支持表单验证的el-table开发完成后，在数据量过大的时候，会出现渲染慢，表格卡顿等致命问题，而element-ui的el-table本身没有像antd一样提供虚拟列表的demo和相关支持，因此本文在上次的开发基础上，继而开展虚拟列表的开发。本次分为普通列表和树形列表两种，树形在普通列表上面多了一些情况考虑，例如展开收缩等。虚拟列表虚拟列表简单概述就是滚动分页，通过有限的视口来切片大

weixin_39957186·2024-02-07 19:16

vue基于vue-seamless-scroll实现无缝滚动效果

参考文章：https://blog.csdn.net/Shids_/article/details/121925398使用步骤：1、安装插件npmivue-seamless-scroll2、main.js

Wild～～·2024-02-07 19:11

vue-seamless-scroll 点击事件无效的处理方法

在使用vue-seamless-scroll自动滚屏绑定事件时，个别点击不了。该插件为了实现无缝衔接而复制了dom渲染，不会带上事件。解决办法：利用事件委托。<vue-seamless-sc

weixin_45979310·2024-02-07 19:41

优化h5的滚动功能：在vue和react中使用better-sroll插件的踩坑笔记

前言最近在开发公司网站项目的h5版本，技术栈是vue，为了更好的优化滚动效果，以及实现一些相关的功能，就选择使用better-scroll这个插件。

故居风·2024-02-07 19:41

vue列表，表格自动滚动

安装依赖npminstallvue-seamless-scroll--savemain.js文件里面引入使用importscrollfrom'vue-seamless-scroll'Vue.use(scroll

常寒·2024-02-07 19:11

推荐频道

vue学习日记