Vue
Code皮皮虾
华为云享专家、掘金创作者、CSDN Java领域优质创作者,但并不仅限于Java,博文干货满满,期待您的关注!
展开
-
保姆级SpringBoot+Vue图片上传到阿里云OSS教程
文章目录导入OSS依赖配置配置文件后端代码前端代码导入OSS依赖 <!--阿里云OSS--> <dependency> <groupId>com.aliyun.oss</groupId> <artifactId>aliyun-sdk-oss</artifactId> <version>3.10.2</versio原创 2020-11-08 09:07:26 · 2211 阅读 · 2 评论 -
SpringBoot+Vue后台管理系统整合Kaptcha验证码
文章目录1、导入Kaptcha依赖2、配置Config类3、配置Controller4、Vue前端表单代码1、导入Kaptcha依赖<dependency> <groupId>com.github.penggle</groupId> <artifactId>kaptcha</artifactId> <version>2.3.2</version></dependency>2、配置Conf原创 2020-10-29 21:19:07 · 1465 阅读 · 1 评论 -
带你快速在Vue中实现局部刷新
在Vue中实现局部刷新需要使用Vue里面的provide+inject组合1.首先来到Vue中的App.vue页面,进行修改2.来到需要实现局部刷新的vue页面,使用inject导入引用reload,然后进行调用这样就可以了。原创 2020-10-25 19:39:03 · 2233 阅读 · 1 评论 -
Vue全家桶之实现购物车案例图文讲解
文章目录1、基本环境搭建2、使用过滤器对价格进行优化3、改变购买数量4、实现移除按钮并计算总价格5、完整代码1、基本环境搭建index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="style.css">原创 2020-09-13 11:42:58 · 1880 阅读 · 0 评论 -
Vue基本指令学习及实现计数器
文章目录前言1、v-text指令2、v-html指令3、v-on指令4、实现计数器前言1、v-text指令<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>hello Vue</title></head><script src="https://cdn.jsdelivr.net/npm/vue/dis原创 2020-09-13 09:38:33 · 755 阅读 · 0 评论 -
Vue学习之data数据对象详解
文章目录1、data详解2、总结1、data详解<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>hello Vue</title></head><script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script><原创 2020-09-12 19:12:13 · 3787 阅读 · 1 评论 -
Vue学习之el挂载点详解
文章目录1、Vue实例的作用范围2、el是否可以使用其他选择器3、能否设置其他的dom元素1、Vue实例的作用范围Vue会管理el选项命中的元素及其内部的后代元素2、el是否可以使用其他选择器目前使用的是id选择器使用class选择器可以使用class选择器使用标签选择器注意:使用标签选择器,如果存在多个相同的标签,则只会匹配第一个,示例如下:建议使用id选择器3、能否设置其他的dom元素使用h2标签使用span标签注意:只能支持双原创 2020-09-12 18:45:51 · 4527 阅读 · 0 评论 -
Vue学习入门之Hello Vue!!!
文章目录1、Vue简介1、创建Html文件导入开发版Vue.js2、创建Vue实例对象,设置el属性和data属性3、使用简洁的模板语法把数据渲染到页面上1、Vue简介Vue官网Vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。1、创建Html文件导入开发版Vue原创 2020-09-12 18:12:30 · 1028 阅读 · 0 评论