VUE-Harries Blog™ | 追心中的海，逐世界的梦

一个集成170种场景Spring Boot Demo项目

能用365块大洋去解决的事，千万不要用时间

南瓜手机(pumpkin phone）

Java获取gravatar头像链接

读《洛克菲洛写给儿子的38封信》有感

List数组使用stream根据时间进行排序实现

mysql ibdata1文件过大解决

用PMML实现机器学习模型的跨平台上线

docker部署前端vue项目

介绍 Docker是一种开源的容器化平台，可以帮助我们更便捷地构建、交付和运行应用程序。在前端开发中，我们通常使用Vue框架来构建Web应用程序。为了更方便地部署和运行Vue项目，我们可以使用Docker来创建一个容器，并在该容器中运行我们的应用程序。本文将介绍如何使用Docker来部署前端Vue项目，并提供相应的代码示例。准备工作在开始之前，我们需要安装Docker并确保它已正...

2023-08-10 浏览(372) 评论(0)

阅读全文

概要： Vue有自带编译器的版本和不带编译器的版本，即runtime +complier 和 runtime 版本。编译器的主要作用是将 .vue的模板编译为render函数，因为在开发的时候，写render函数不符合我们的开发习惯，所以我们平常开发用的都是runtime+complier的版本。而项目打包时，就将编译的工作交由webpack来执行打包编译，即打包后的项目已经是编译好的rende...

2023-02-22 浏览(420) 评论(0)

阅读全文

FastJson稍微使用不当就会导致StackOverflow

对于广大的开发人员来说，FastJson大家一定都不陌生。 FastJson（https://github.com/alibaba/fastjson）是阿里巴巴的开源JSON解析库，它可以解析JSON格式的字符串，支持将Java Bean序列化为JSON字符串，也可以从JSON字符串反序列化到JavaBean。它具有速度快、使用广泛、测试完备以及使用简单等特点。但是，虽然有这...

2022-11-09 浏览(443) 评论(0)

阅读全文

vuepress快速上手

介绍 VuePress由两部分组成：一部分是支持用 Vue 开发主题的极简静态网站生成器，另一个部分是为书写技术文档而优化的默认主题。它的诞生初衷是为了支持 Vue 及其子项目的文档需求。它以 Markdown 为中心的项目结构，以最少的配置帮助你专注于写作；享受 Vue + webpack 的开发体验，可以在 Markdown 中使用 Vue 组件，又可以使用 Vue 来开发自定义主题；它...

2022-11-09 浏览(478) 评论(0)

阅读全文

Vue的v-if和v-show的区别

一、v-if和v-show区别 ① v-show严格意义来说其实是条件隐藏，直接在页面初始化的时候将DOM(对象模型)元素也初始化，因为它就是将它所在的元素添加一个display属性为none，如果条件符合就显示。 a. 文本框中无内容，默认为false,所以属性显示 b. 文本框中输入d，false变为ture，属性消除 ② v-if严格意义来说就是条件判断，符合就加...

2022-11-08 浏览(544) 评论(0)

阅读全文

自定义组件 v-model：Vue 如何实现双向绑定

v-model 是 Vue 中一个常用的指令，常用于表单中的数据绑定。如下基本用法想必大家都很熟悉，data 中的 checked 属性的值就会随着多选框的状态实时变化。 <el-checkbox v-model="checked" /> 但你或许听说过，Vue 组件之间是“单向数据流”，即通过 props 从父组件向子组件单向传递数据。那么，v-model 的“双向绑定”效果...

2022-11-07 浏览(510) 评论(0)

阅读全文

Vue之v-model双向绑定原理

一、简介 v-model实现双向绑定的语法糖，常用于表单与组件之间的数据双向绑定. 二、表单实现双向绑定 1. 原理分两步骤 v-bind绑定一个value属性 v-on指令给当前元素绑定input事件可看出v-model绑定在表单上时，v-model其实就是v-bind绑定value和v-on监听input事件的结合体 v-model = v-bind:value + v...

2022-11-07 浏览(432) 评论(0)

阅读全文

vue中watch的3种写法

一、什么是watch watch:用于监听data里面的数据是否被修改，一旦修改就可以执行一些其他的操作【也是方法】二、解析watch watch在监听的时候，可以有二次参数，第一次参数为更新的数据，第二个参数为之前的旧数据 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UT...

2022-11-07 浏览(351) 评论(0)

阅读全文

vue基础之ref实现父子通信

ref 被用来给元素或子组件注册引用信息，引用信息将会注册在父组件的 $refs 对象上用法：子组件上定义ref="refName", 父组件的方法中用 this.$refs.refName.method 去调用子组件方法子组件 <template> <div> childComponent </div> </t...

2022-11-04 浏览(591) 评论(0)

阅读全文

在 VS Code 中调试

每个应用，不论大小，都需要理解程序是如何运行失败的。在本案例中，我们会探索一些 VS Code 用户在浏览器中调试应用的工作流程。这个案例展示了如何在 VS Code 中调试浏览器中运行的通过 Vue CLI 生成的 Vue.js 应用程序。注意：这个案例覆盖了 Chrome 和 Firefox。如果你知道如何在其它浏览器中进行 VS Code 调试，欢迎分享你的观点 (请看页面底部)...

2022-11-02 浏览(376) 评论(0)

阅读全文