vue
关注
分享
扫一扫
文章平均质量分 54
一块西瓜皮啦
我是来自泉城济南，从事软件开发，前后端都有涉及，不精通，但能解决问题的西瓜皮。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
【vue2】vuex的安装、配置与使用
使用vuex可以实现数据的共享。vscode中新建终端安装vuex。由于vue2不能使用vuex4的版本，所以在安装时需要指定版本3三、vuex工作流vuex核心包括actions、mutations、state。①state用来存储数据；②actions用来响应组件的事件，也可以对数据进行加工，或者进行后端请求，也就是说组件中调用dispatch方法，可以触发actions中的方法；③mutations用来操作state，actions中调用commit方法来调用mutations。④其他：当不原创 2022-06-02 15:44:20 · 14186 阅读 · 2 评论 -
【vue2】插槽的介绍、分类与使用
插槽在开发中的使用频率不算低，插槽的使用能帮助我们更好的个性化开发。1、默认插槽在子组件中定义即可2、具名插槽在子组件中定义，其中xxx即为插槽的名字3、作用域插槽在子组件中定义，其中aaa为动态属性名，xxx为data中的数据名1、默认插槽子组件：slot中的内容，当父组件不传内容时显示父组件：为定义的子组件名称2、具名插槽子组件：父组件：3、作用原创 2022-06-01 17:23:44 · 1206 阅读 · 1 评论 -
【Vue2】兄弟组件传参方法总结
一、前言之前汇总过父子组件传参的三种方法，感兴趣的可以看我之前的文章：【vue2】子组件向父组件传参方法汇总_能能爱编程的博客-优快云博客现在来总结下兄弟间组件传参的方法。分别是【事件总线】和【消息的订阅与发布】两种方式。二、事件总线1、介绍在main.js中定义一个原型属性作为中间值，然后在兄弟组件之间互相触发和接收即可完成数据的通信。收数据的组件绑定自定义事件，发送数据的组件触发自定义事件2、案例定义一个学校组件、一个学生组件。学生点击按钮，发送学生人数给学校组件。3、原创 2022-05-29 11:22:05 · 9091 阅读 · 2 评论 -
【Vue2】事件修饰符
vue中一共有六个事件修饰符1、prevent写法示例：@click.prevent="xxx'说明：阻止默认事件的触发案例：<a href="https://www.baidu.com/" @click="showInfo"></a>先执行showInfo方法，然后跳转到百度。如果只是想执行showInfo方法， 而不跳转，那么可以用prevent修饰。<a href="https://www.baidu.com/" @click.preve...原创 2022-05-19 11:46:41 · 883 阅读 · 3 评论 -
【vue2】实现查询功能及排序功能
一、前言之前写过一篇相关的文章，那个时候对于vue查询不甚了解。现在重新温习一次vue，有了新的认识。但是将新的也是通俗易懂的理解分享给大家，希望一起进步。二、业务场景实现动态查询：输入框输入内容，然后列表根据输入框内容动态显示。截图：三、实现代码完整版<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>人员列表</title&g原创 2022-05-21 11:00:13 · 3080 阅读 · 0 评论 -
【vue2】实现查询功能详解
1、前言vue项目中实现查询功能是最基本的操作。由于vue的动态绑定特性，我们可以在computed中新增方法，实现动态效果。2、前端写法- --前端框架使用的是element-plus <el-table :data="tableData" stripe style="width: 100%" @row-dblclick="rowDblclick" ref="tableData" >&l原创 2022-04-16 21:59:13 · 11872 阅读 · 0 评论 -
【vue2】子组件向父组件传参方法汇总
一、前言最近在复习vue，总结一下父子组件通信的方式。希望能够一起进步。二、代码1、项目介绍有三个子组件，School.vue、Student.vue、Grade.vue。其中App.vue引用这三个组件。并在App.vue中能够接收到子组件的参数。2、完整代码如下（1）App.vue<template> <div id="app"> <school :getSchoolName="getSchoolName"></scho原创 2022-05-27 16:42:34 · 5983 阅读 · 2 评论 -
【vue2】生命周期函数总结
一、前言vue的生命周期共有八个函数，进一步说有四对。分别完成vue实例在创建到销毁的过程中的操作。生命周期函数表 将要创建 调用beforeCreate函数 创建完毕 调用created函数 将要挂载 调用beforeMount 挂载完毕（重要） 调用mounted函数 将要更新 调用beforeUpdate 更新完毕 调用updated 将要摧毁（重要） 调用beforeDestroy 摧毁完毕 调用destroyed原创 2022-05-23 22:33:47 · 417 阅读 · 0 评论 -
【vue】使用cmd创建vue2项目
一、前言之前自己学过vue3，感兴趣的可以去看看。vue(二)：使用vscode 创建vue3.0项目，并集成element-plus_能能爱编程的博客-优快云博客_vscode使用element现在重新学习vue基础，梳理出亲测有效版创建vue2项目的方法步骤。现在分享给大家。二、步骤2.1 安装淘宝镜像打开cmd，输入npm config set registry https://registry.npm.taobao.org2.2 安装全局vue脚手架打开cmd，输入n.原创 2022-05-25 18:30:00 · 2324 阅读 · 3 评论 -
【vue2】使用vscode 创建vue2.0项目
1、安装vue-cli点击终端-新终端，输入：npm install -g vue-cli 等待安装成功。若安装失败，可以尝试使用：1，配置淘宝镜像：npm config set registry https://registry.npm.taobao.org2，配置完成后检验是否成功：npm config get registry3，重新运行命令：npm in...原创 2022-03-21 14:10:35 · 5090 阅读 · 0 评论 -
【vue3】使用vscode 创建vue3.0项目，并集成element-plus
vscode vue3 element-plus原创 2022-03-25 13:54:05 · 8377 阅读 · 0 评论 -
【vue】解决axios访问Java后端跨域访问的问题
1、前言后端为bootstrap框架。2、解决方法后端解决不能跨域问题。① 使用注解在需要跨域访问的controller层，添加注解：@CrossOrigin 即可完成跨域访问② 新建配置类package com.example.demo.config;import org.springframework.context.annotation.Configuration;import org.springframework.http.HttpHeaders;impo.转载 2022-03-23 09:36:46 · 1943 阅读 · 4 评论 -
【vue3】路由配置
1、新建文件夹router2、新建js文件在router文件下新建routes.js及index.js3、routes.js在该js文件下添加路由const routes = [ { name: "test", path: "/test", component: () => import("../components/test.vue") }]export default routes;其中，nam.原创 2022-03-25 15:12:51 · 10463 阅读 · 4 评论