vue框架学习

基于Vue-element-admin实现动态路由

阅读目录Vue实现动态路由简单的角色路由设置复杂的路由权限设置（后端动态返回路由数据）1.Vue实现动态路由通常我们在vue项目中都是前端配置好路由的，但在一些项目中我们可能会遇到权限控制，这样我们就涉及到动态路由的设置了动态路由设置一般有两种
荣~博客·2024-02-20 05:25

探索 Electron Egg：构建跨平台桌面应用的理想选择

ElectronEgg作为一个结合了Electron和Vue.js的框架，为开发者提供了一个简单而强大的工具，使他们能够快速构建出优秀的桌面应用。
琴剑飘零西复东·2024-02-20 05:53

vue2.0 引入font-awesome

第一步：安装依赖npminstallfont-awesome--save第二步：然后在main.js引入font-awesome/css/font-awesome.min.css即可import'font-awesome/css/font-awesome.min.css'
LI_4058·2024-02-20 05:09

jq 图片懒加载 + Vue-Lazyload

jq原生图片懒加载Document//先调用，保证可视区域的图片显示lazy();functionlazy(){varimgS=Array.from($('img'));//获取页面img元素数组//console.log(imgS)varimgL=$('img').length;//获取页面img元素数量//console.log(imgL)varseeHeight=$(window).heig
阿金要当大魔王~~·2024-02-20 05:16

ElementUI +++ Echarts面试题&答案汇总

官网地址：http://element-cn.eleme.io/#/zh-CNElementUI是一套基于VUE2.0的桌面端组件库，ElementUI提供了丰富的组件帮助开发人员快速构建功能强大、风格统一的页面
阿金要当大魔王~~·2024-02-20 05:15

前端给后端传值

在Vue2中，你可以通过发送HTTP请求来将前端的数据传递到后端。这通常涉及到使用像axios这样的库来发送请求。
阿金要当大魔王~~·2024-02-20 05:13

Vuex学习记录

目录一、Vuex概述1.1Vuex是什么1.2使用Vuex统一管理的好处1.3什么样的数据适合存储在Vuex中二、Vuex的基本使用2.1创建Vuex项目视图式（版本：vue3+vuex4）命令式（版本
娃哈哈哈哈呀·2024-02-20 05:41

将Vue实例的变量显示到页面，方便实时查看Vue实例变量

文章目录页面效果代码注意参考文献页面效果代码Titlesite:{{site}}url:{{url}}{{details()}}{{_data}}varvm=newVue({el:'#vue_det',
飞蛾逐月·2024-02-20 05:08

利用Axios拦截器实现请求超过一定时间，则显示加载动画

文章目录声明项目简介需求介绍实现方法参考文献声明  本文章是对【vue开发问题-解决方法】（八）利用axios拦截器实现elementUI中加载动画，控制加载区域这篇文章的补充。  
飞蛾逐月·2024-02-20 05:08

element 手动上传base64编码图片 预览图片 下载图片 删除图片

文章目录使用场景页面效果前端代码参考手册使用场景  vue2+element实现手动上传base64编码图片、预览图片、下载图片、删除图片。  
飞蛾逐月·2024-02-20 05:08

Vue 更新数据 Vue.set 的属性和方法

可以用Vue.set方法解决。通过下标修改数组中的值，页面也不会自动更新。可以用数组的方法或Vue.set方法解决。特注：Vue.set不能给vm或根数据对象data添加属性！！！
小吴吴吴呀·2024-02-20 05:37

Vue.js购物车示例

文章目录购物车示例效果准备代码参考文献购物车示例效果准备Vue.jsv2.6.10开发版本：https://cn.vuejs.org/js/vue.js生产版本：https://cn.vuejs.org
飞蛾逐月·2024-02-20 05:37

vue-i18n的简单使用兼容element-ui

1.首先下载vue-i18nnpmivue-18n--save2.在项目根目录新建文件夹(自己命名)i18n.config.js,写如下代码注意：小编在vue.config.js里面配置了路径别名，@l
一个巨蟹座的前端·2024-02-20 05:07

Vue模拟监测数据/监测数据原理（含对象数据和数组数据

1.Vue模拟监测数据（数据代理的原生代码以上只是模拟核心内容，Vue中还有更加完善，比如无限递归像内层寻找对象，并附带getter/setter2.Vue.set()方法（增加一个对象中响应式属性数据即实时显示在页面
章若楠不打代码·2024-02-20 05:07

vue数据驱动

概念：vue的核心概念就是数据驱动；所谓数据驱动指，视图是由数据驱动生成的，我们对视图的修改不会直接操作DOM,而是通过修改数据进行视图的更新。
super舒楠·2024-02-20 05:06

vue项目总结

学习前端知识大概是三个月了吧，都是跟着b站的视频学的，学了基本三件套，然后学了vue框架，由于自己没有关于前端的项目经验，所以就在b站找了个项目跟着做，花了大概一个月时间做完了，也成功部署上线了。
纯纯小白打码人·2024-02-20 05:36

Vue监测数据的原理

我们在Vue的时候一直在和数据打交道,将我们的目标数据放在data中，然后html中的插值语法{{xxx}},或者是这种指令语法,可以响应试渲染数据,（data数据的变化直接响应式更新页面，无需操作dom
IT_CODE.·2024-02-20 05:36

Vue 知识点：Vue监视数据总结

Vue监视数据总结结论：Vue监视数据的原理：1.Vue会监视data中所有层次的数据2.如何监测对象中的数据？
阿夏呀·2024-02-20 05:36

vue 文件下载支持pdf,jpg,png

1232123112//下载模版handleDownloadFile(url){if(!url){this.$message.error('暂无文件')returnfalse}//此方法会不带后缀名，所以要拿到文件的后缀名constnum=url.split('.')consttype=num[num.length-1]constlink=document.createElement('a')fe
学不会•·2024-02-20 05:06

Vue总结

0.Node.js安装及环境配置安装注意：切换盘符位置和添加到环境变量即可查看是否安装成功：node-v环境配置：（全局模块配置）在安装的nodejs目录下创建文件夹node_cachenode_global修改文件D:\environment\nodejs\node_modules\npm\npmrcprefix=D:\environment\nodejs\node_globalcache=D:
CV-gcs·2024-02-20 05:06

Vue技术12.6总结Vue数据监测

>总结Vue数据监测学生信息年龄+1岁添加性别属性，默认值：男修改性别在列表首位添加一个朋友修改第一个朋友的名字为：张三添加一个爱好修改一个爱好为：开车姓名：{{student.name}}年龄：{{student.age
yitahutu79·2024-02-20 05:35

Vue实现多个input输入，光标自动聚焦到下一个input

遇到一个需求，需要实现和移动端短信输入一样，输入内容后，光标会进入下一个输入框需要用到2个事件keydown事件发生在键盘的键被按下的时候keyup事件在按键被释放的时候触发//此处为了做校验处理cmconstform={Height:'',//身高Weight:''//体重}exportdefault{data(){constvalidatePass=(rule,value,callback)=
学不会•·2024-02-20 05:35

vue+vue-i18n+element 国际化

1.先创建一个lang文件夹,创建两个js文件en.js(英文),zh.js(中文),另外创建一个index.js文件(用于)en.jszh.js(两者必须保持一致)2.在index.js中引入vue和
飞鸟的悲伤1314·2024-02-20 05:05

vue 中methods方法为啥不能用箭头函数

vue用了很久了，但是又返回来看这个神秘的问题这里理解不了：问题一：为啥他的上层就是script了呀，箭头函数没有作用域？
半个开心果·2024-02-20 05:05

Vue基础-数据监测

此篇文章为数据检测总结笔记Vue监视数据的原理：vue会监视data中所有层次的数据。
RedOorange·2024-02-20 05:05

【Vue I18n 安装与使用】

介绍是vue.js的国际化插件，可以轻松地将一些本地化功能集成到你的vue.js应用程序中安装npminstallvue-i18n-S或者yarnaddvue-i18n使用步骤可以在main.js里面安装也可以导入单独的文件
小菜鸡一名来报道·2024-02-20 05:35

vue项目中处理table数据的一些总结

我的使用场景vue2后台管理系统ElementUI在vue项目中，我们经常需要操作一些表格数据。
idanzk·2024-02-20 05:34

12Vue 总结vue监视数据

Vue监视数据的原理：1：vue会监视data中所有层次的数据2：如何监测对象中的数据？
小狮子放弃在黑洞习武·2024-02-20 05:34

vue列表渲染及数据监测

item,index)inxxx”:key=“yyy”2.用于展示列表数据3.可遍历数组、对象、字符串（用的很少）、指定次数（用的很少），也可用于列表过滤（模糊查询）、列表排序sortType（升序、降序）Vue
tmmi·2024-02-20 05:34

Vue22 Vue监测数据改变的原理_数组

实例Vue监测数据改变的原理_数组学校信息学校名称：{{school.name}}学校地址：{{school.address}}校长是：{{school.leader}}学生信息添加一个性别属性，默认值是男姓名
在下，杨江河·2024-02-20 05:04

Vue24 收集表单数据 实例

实例收集表单数据，则v-model收集的是value值，用户输入的就是value值。若：，则v-model收集的是value值，且要给标签配置value值。若：1.没有配置input的value属性，那么收集的就是checked（勾选or未勾选，是布尔值）2.配置input的value属性:(1)v-model的初始值是非数组，那么收集的就是checked（勾选or未勾选，是布尔值）(2)v-mo
在下，杨江河·2024-02-20 05:04

Vue-22、总结Vue数据监测

1、功能Vue总结数据监测学生信息年龄+1岁点击添加学生性别点击修改学生性别在列表首位添加一个朋友修改第一个朋友的名字为张三添加一个爱好修改第一个爱好为：开车学生名字：{{student.name}}性别
一叶飘零晋·2024-02-20 05:34

vue i18n element 使用

1.首先下载i18n包npminstallvue-i18n2.在src下创建lang文件夹，存放语言配置文件（index.js），语言包2.1语言配置文件index.jsimportVuefrom'vue'importVueI18nfrom'vue-i18n
学不会•·2024-02-20 05:32

element 表单提交图片（表单上传图片）

文章目录使用场景页面效果前端代码使用场景vue2+element表单提交图片  1.点击【上传图片】按钮择本地图片（只能选择一张图片）后。  2.点击图片，支持放大查看。  
飞蛾逐月·2024-02-20 05:32

Vue23 数据监测总结

：开车过滤掉爱好中的抽烟姓名：{{student.name}}年龄：{{student.age}}性别：{{student.sex}}爱好：{{h}}朋友们：{{f.name}}--{{f.age}}Vue
在下，杨江河·2024-02-20 05:32

vue3-渲染机制

渲染机制Vue是如何将一份模板转换为真实的DOM节点的，又是如何高效地更新这些节点的呢？我们接下来就将尝试通过深入研究Vue的内部渲染机制来解释这些问题。
王大可996·2024-02-20 05:23

vue3-组合式 API

组合式API(CompositionAPI)是一系列API的集合，使我们可以使用函数而不是声明选项的方式书写Vue组件。
王大可996·2024-02-20 05:53

vue3-深入响应式系统

Vue最标志性的功能就是其低侵入性的响应式系统。组件状态都是由响应式的JavaScript对象组成的。当更改它们时，视图会随即自动更新。
王大可996·2024-02-20 05:53

vue3-动画技巧

Vue提供了和组件来处理元素进入、离开和列表顺序变化的过渡效果。但除此之外，还有许多其他制作网页动画的方式在Vue应用中也适用。这里我们会探讨一些额外的技巧。
王大可996·2024-02-20 05:52

【springboot+vue项目（十五）】基于Oauth2的SSO单点登录（二）vue-element-admin框架改造整合Oauth2.0

Vue-element-admin是一个基于Vue.js和ElementUI的后台管理系统框架，提供了丰富的组件和功能，可以帮助开发者快速搭建现代化的后台管理系统。
幸福巡礼·2024-02-20 04:50

vue3导入文件夹、导入文件、导出zip、导出

change事件nextTick(()=>{planFileRef.value.value="";planWordRef.value.value="";});上传文件夹上传文件import{ref}from"vue
摇头的金丝猴·2024-02-20 04:19

vue-路由（六）

1明白什么是单页应用2知道vue中的路由是什么3知道如何使用vueRouter这个路由插件4知道如何如何封装路由组件5知道vue中的声明式导航router-link的用法6知道vue中的编程式导航的使用
smilehjl·2024-02-20 04:44

vue-ESlint （六）

代码规范代码规范：一套写代码的约定规则。例如："赋值符号的左右是否需要空格""一句结束是否是要加;".老话说："没有规矩不成方圆"→正规的团队需要统一的编码风格JavaScriptStandardStyle规范说明https://standardjs.com/rules-zhcn.html下面是这份规则中的一小部分：字符串使用单引号'abc'无分号constname='zs'关键字后加空格if(n
smilehjl·2024-02-20 04:44

vue-vuex（七）

阅读文章你可以收获：1了解什么是vuex2知道如何在vue项目中集成vuex3知道vuex由什么组成，并如何使用vuex概述1.是什么：vuex是一个vue的状态管理工具，状态就是数据。
smilehjl·2024-02-20 04:44

使用vue-cli自定义搭建项目步骤解析（Windows）

使用vue-cli自定义搭建项目步骤解析（Windows）前言一、下载安装Node.js二、创建vue项目总结前言提示：在正式搭建vue脚手架（vue-cli）之前，必须要确保电脑已经安装好了Node.jsNode.js
Leiccy·2024-02-20 04:13

vue-自定义创建项目(六)

因为VueCli默认创建的项目不能够满足我们的要求，比如默认的项目中没有帮我们集成路由，vuex，eslink等功能。
smilehjl·2024-02-20 04:12

项目准备

使用VueCLI创建项目1.创建命令vuecreateedu-boss-fed2.自定义选项我们需要这几种功能：BabelRouter（使用hash模式下的路由）VuexCSSPre-processors
amanohina·2024-02-20 04:01

java学习--黑马SpringBoot3课程个人总结-2024-02-06

1.前端知识学习2.Vue准备模块的代码Documentimport{createApp}from'https://unpkg.com/vue@3/dist/vue.esm-browser.js';//
客卿123·2024-02-20 04:34

Java学习--黑马SpringBoot3课程个人总结-2024-02-14

1.子路由//定义路由关系constroutes=[{path:'/login',component:LoginVue},{path:'/',component:LayoutVue,redirect:'
客卿123·2024-02-20 04:34

Java学习--黑马SpringBoot3课程个人总结-2024-02-16

1.添加文章1.1富文本编辑器文章内容需要使用到富文本编辑器，这里咱们使用一个开源的富文本编辑器Quill官网地址：https://vueup.github.io/vue-quill/安装：npminstall
客卿123·2024-02-20 04:02
上一页 30 31 32 33 34 35 36 37 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他