Vue
关注
分享
扫一扫
文章平均质量分 53
Vue技术干货
汪程序猿
软件工程专业，主要研究JAVA后端。需求，架构，框架，人工智能，机器学习，数据库，操作系统，spring全家桶等
展开
-
JSON.stringify()和JSON.parse()用法
JSON.parse()方法将JSON格式字符串转换为js对象(属性名没有双引号)。解析前要保证数据是标准的JSON格式，否则会解析出错。情况1：情况2：JSON.stringify()JSON.stringify()将值转换为相应的 JSON 格式：一般都是把key加上“”，属性名加上""...原创 2022-06-08 21:10:16 · 649 阅读 · 0 评论 -
user 关于电影公司基本信息的显示
请求与响应原创 2022-06-08 20:47:43 · 177 阅读 · 0 评论 -
user 个人信息的修改
请求与响应上传图片原创 2022-06-08 20:37:41 · 1087 阅读 · 2 评论 -
user电影的详细信息和播放vue
显示图片不一样大watchMovie.vue把电影文件放在pulic下面，根据movieId请求和响应原创 2022-06-02 21:42:31 · 1832 阅读 · 0 评论 -
user 前端movie/movieClassics.Vue实现和电影列表的渲染
MovieClassics.vuemovie-item.vue另外两个这里只是请求的参数不一样，其余都是一样的。以下为请求参数的对比：根据条件查询相应的电影原创 2022-06-02 21:02:50 · 1376 阅读 · 0 评论 -
user首页的实现(welcome)vue
代码这是基本的三个结构请求与响应1，获得后台关于电影公司的基本信息：对其进行拼接3,对于经典、最近上映、即将上映（今天是6-2）原创 2022-06-02 20:14:47 · 765 阅读 · 0 评论 -
user注册登录实现vue
使用Postman进行调试得到的数据，把token和sysUser放在session中。原创 2022-06-02 17:34:03 · 689 阅读 · 0 评论 -
user注册功能实现vue
三个div请求和响应如果再次注册原创 2022-06-02 17:11:23 · 668 阅读 · 0 评论 -
Vue如何访问Public文件夹
说明为什么需要访问Public文件夹的内容？一般都是放在assets下面，但是无法实现动态访问，这就造成如果你要动态加载一个图片或者视频是不行的。比如：我现在把testHuawei.mp4放在assets文件夹下面，那么他会被打包，这时候，运行，你找到这个图片，它的路径为：http://localhost:8081/media/testHuawei.c4367207.mp4多出一个c4367207（这是内部为了安全），这样你在写代码无法动态加载，因为只要是文件不一样，生成的数值也是不一样。原创 2022-05-01 16:41:22 · 18856 阅读 · 0 评论 -
纯学习，开发一个SpringBoot+vue前后端分离markhub博客项目(附代码)
运行运行的效果：Java后端接口开发技术栈项目结构pom.xml<?xml version="1.0" encoding="UTF-8"?><project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.原创 2022-04-01 13:06:22 · 3381 阅读 · 0 评论 -
Hbuilder如何创建并运行Vue项目
创建项目项目名称写firstVue这里创建：初始化成功右键，在外部命令里面执行命令安装终端插件运行成功！！！如果你想高级点，利用vue脚手架，创建vue前端项目原创 2022-03-30 16:17:06 · 3904 阅读 · 0 评论 -
利用vue脚手架，创建vue前端项目
请执行这两个命令在浏览器中输入，localhost:8080原创 2022-03-25 16:35:12 · 1271 阅读 · 0 评论 -
springBoot+JPA+vue+elementUI实现增删查改（附完整代码）
运行效果首先，我们看一下运行截图。资源的获取githubcsdn前端代码编写前端只有一个页面：index.html这是element的官网：element的官网<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>用户信息</title> <!-- 引入样式 --> <li原创 2022-03-21 14:54:06 · 1750 阅读 · 0 评论 -
vue实现简单加法计算器
本文实例为大家分享了vue实现简单加法计算器的具体代码，供大家参考，具体内容如下只需要简单两步1.模板结构，设计界面2.处理数据和控制逻辑<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <me原创 2022-03-21 06:30:00 · 2905 阅读 · 0 评论 -
v-on:click完成双向绑定数据加减
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>增.原创 2022-03-14 15:05:57 · 207 阅读 · 0 评论 -
v-model双向绑定与v-bind
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>双向.原创 2022-03-07 14:59:07 · 181 阅读 · 0 评论 -
用vue实现简单的v-if v-for的成绩表
代码： <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>...原创 2022-03-07 14:17:05 · 1880 阅读 · 0 评论 -
Vue中的axios基本使用
axios<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> &原创 2022-03-02 22:01:57 · 993 阅读 · 0 评论 -
v-bind指令.el:挂载点.data:数据对象
v-bind指令:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <原创 2022-03-02 17:57:37 · 270 阅读 · 0 评论 -
Vue.js 组件
组件（Component）是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。组件系统让我们可以用独立可复用的小组件来构建大型应用，几乎任意类型的应用的界面都可以抽象为一个组件树：注册一个全局组件语法格式如下：Vue.component(tagName, options)tagName 为组件名，options 为配置选项。注册后，我们可以使用以下方式来调用组件：<tagName></tagName>全局组件所有原创 2022-03-02 15:56:55 · 272 阅读 · 0 评论 -
Vue.js 表单
你可以用 v-model 指令在表单控件元素上创建双向数据绑定。双向数据绑定：数据库的数据发生了变化，vue会直接同步到view，view发生了改变直接同步到数据库里面。<!DOCTYPE html><html><head><meta charset="utf-8"><title>Vue 测试实例 - 菜鸟教程(runoob.com)</title><script src="https://cdn.sta.原创 2022-03-01 16:08:13 · 116 阅读 · 0 评论 -
Vue.js 事件处理器事件监听
Vue.js 事件处理器事件监听可以使用 v-on 指令：<!DOCTYPE html><html><head><meta charset="utf-8"><title>Vue 测试实例 - 菜鸟教程(runoob.com)</title><script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script></h原创 2022-03-01 11:19:24 · 422 阅读 · 0 评论 -
Vue.js 样式绑定
Vue.js 样式绑定Vue.js classclass 与 style 是 HTML 元素的属性，用于设置元素的样式，我们可以用 v-bind 来设置样式属性。Vue.js v-bind 在处理 class 和 style 时， 专门增强了它。表达式的结果类型除了字符串之外，还可以是对象或数组。class 属性绑定我们可以为 v-bind:class 设置一个对象，从而动态的切换 class:<!DOCTYPE html><html><head&原创 2022-03-01 11:13:40 · 133 阅读 · 0 评论 -
Vue.js 监听属性
computed settercomputed 属性默认只有 getter ，不过在需要时你也可以提供一个 setter ：<!DOCTYPE html><html><head><meta charset="utf-8"><title>Vue 测试实例 - 菜鸟教程(runoob.com)</title><script src="https://cdn.staticfile.org/vue/2.4.2/vue.原创 2022-03-01 11:04:47 · 269 阅读 · 0 评论 -
Vue.js 循环语句
<!DOCTYPE html><html><head><meta charset="utf-8"><title>Vue 测试实例 - 菜鸟教程(runoob.com)</title><script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script></head><body><div id=".原创 2022-03-01 10:52:23 · 288 阅读 · 0 评论 -
Vue.js 条件语句
<!DOCTYPE html><html><head><meta charset="utf-8"><title>Vue 测试实例 - 菜鸟教程(runoob.com)</title><script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script></head><body><div id=".原创 2022-03-01 10:39:35 · 120 阅读 · 0 评论 -
Vue.js 模板语法
Vue.js 使用了基于 HTML 的模板语法，允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。Vue.js 的核心是一个允许你采用简洁的模板语法来声明式的将数据渲染进 DOM 的系统。结合响应系统，在应用状态改变时， Vue 能够智能地计算出重新渲染组件的最小代价并应用到 DOM 操作上。插值文本数据绑定最常见的形式就是使用 {{...}}（双大括号）的文本插值：<!DOCTYPE html><html><head>&l..原创 2022-03-01 10:31:40 · 400 阅读 · 0 评论 -
VueJS 常用系统指令和生命周期
VueJS 常用系统指令和生命周期原创 2022-02-19 16:49:50 · 294 阅读 · 0 评论