Vue14 条件渲染
摘要:转:https://blog.csdn.net/weixin_57519185/article/details/121168426 1 简介 通过指令v-show和v-if可以实现条件渲染。 它们都能控制元素在页面是否显示 。当表达式都为 false 时,都不会占据页面位置,当表达式结果为 true
阅读全文
Vue13 样式动态绑定
摘要:1 class样式的动态绑定 1.1 说明 通过命令v-bind:class设置一个对象,动态切换class。可以简写为:class。 class=""可以和:class=""共存 它可以分为三种写法。字符串写法,数组写法,对象写法 1.2 简单示例 绑定之后,就可以操作vm的属性来动态改变样式了
阅读全文
Vue11 vue的data中属性的值(基础数据类型和对象)
摘要:1 代码 <body> <div id="root"> <h1>{{name}}</h1> <h1>{{obj}}</h1> </div> <script type="text/javascript" > let a = { name:'sisi' } const vm = new Vue({ el
阅读全文
Vue12 监视属性
摘要:1 简介 所谓监听就是对内置对象的状态或者属性变化进行监听并且做出反应的响应,监听属性,意思就是可以监视其他数据的变化 2 使用 使用watch配置项,在配置项里面写上要监视的属性,每次属性值的变化都会触发handler函数回调,也可以监视计算属性的变化 2.1 语法格式 其中,属性名表示监视的da
阅读全文
VUE10 计算属性
摘要:1 Vue计算属性简介 1)定义:我们需要一个属性,但是这个属性不存在,但是可以通过已有的属性计算得来,那么就可以定义一个计算属性。 2)原理:底层借助了Object.defineproperty方法提供的getter和setter 3)get什么时候调用 : 初次读取fullName时 所依赖的数
阅读全文
Vue09 事件
摘要:1 事件语法 Vue 中的事件绑定可以使用 v-on 指令进行处理,可以把 v-on 绑定事件简写为 @。 <div id="root"> <button @click="showinfo($event,123)">点我</button> <button v-on:click="showinfo($
阅读全文
Vue08 数据代理
摘要:1 说明 所谓“数据代理”,是指 通过一个对象代理对另一个对象的属性进行读或写操作。 2 简单示例 2.1 代码 let obj = {x:100}; let obj2 = {y:200}; Object.defineProperty(obj2,"x",{ get(){ return obj.x;
阅读全文
springboot框架返回日期值少一天
摘要:1 问题 一个请求,返回一个对象,对象里面有日期,返回的对象的日期却比实际的日期少了一天 如下图:在return返回的时候查看返回的对象的日期的值 postman返回的结果如下图,几个日期都少了一天 2 产生原因spring-boot默认使用Jackson对返回到前端的值进行序列化。Jackson框
阅读全文
Vue 07 js方法Object.defineProperty
摘要:1 描述 该方法允许精确地添加或修改对象的属性。可以对已有的属性进行获取及修改,也可以添加新的属性并进行操作。 2 方法参数 Object.defineProperty(操作的对象,添加的属性的名称,属性描述对象) 3 属性描述对象说明 里面可以添加属性和函数 3.1 属性 3.1.1 说明 1)v
阅读全文
Vue06 数据绑定
摘要:1 Vue模板语法 Vue模板语法分为两大类,插值语法和指令语法 1.1 插值语法 1)功能:用于解析标签体内容 2)写法:{{xxx}} xxx是js表达式,且可以直接读取到vue实例里面的属性 3)示例 1.2 指令语法 1)功能:用于解析标签(包括:标签属性、标签体内容、时间绑定......)
阅读全文
Vue05 初识
摘要:1 下载vue.js 进入官网 下载两个版本的vue.js 开发版本和生成版本的区别 开发版本体量更大,包含完整的警告和调试模式 生成版本体量更小,删除了警告 2 打开VSCode 新建一个空文件夹vuebase,用vscode打开 在下面新建两个文件夹,一个用来放代码文件,一个放vue.js文件,
阅读全文
Vue 01 简介
摘要:1 官网 1)英文官网: https://vuejs.org/ 2)中文官网: https://cn.vuejs.org/ 2 介绍与描述 1) 动态构建用户界面的渐进式 JavaScript 框架 2)作者: 尤雨溪 3 Vue的特点 1)遵循 MVVM 模式 2)编码简洁, 体积小, 运行效率高
阅读全文
Vue 04 谷歌浏览器配置vue开发者工具
摘要:参考链接:https://blog.csdn.net/wswq2505655377/article/details/111476799 1 插件下载 由于国内打不开谷歌商店,直接从网盘下载 链接:https://pan.baidu.com/s/1ThCGsQ5Z08Xh8JMiVVnHoQ 提取码:
阅读全文
Vue02 Node下载安装
摘要:转 https://blog.csdn.net/A_awen/article/details/121952701 1 下载 https://nodejs.org/en/download/ 2 安装 全部下一步即可(安装路径自己选择) 3 验证安装 node -v 4 配置环境 4.1 配置安装模块路
阅读全文
Vue 03 VisualStudioCode 搭建一个Vue 框架 的详细流程
摘要:转:https://blog.csdn.net/A_awen/article/details/122345082 1 下载VisualStudioCode 1.1 官网下载地址 https://code.visualstudio.com/ 下载对应系统的即可 如果下载速度很慢 如: https://
阅读全文
装饰者模式
摘要:1 简介 装饰者模式:动态的将新功能附加到对象上。在对象功能扩展方面,它比继承更有弹性,装饰者模式也体现了开闭原则(ocp) 2 特点 从角色上来说,可分为装饰者(装饰对象)和被装饰者 1) 装饰对象和被装饰者有相同的接口。 2) 装饰对象包含一个被装饰者的引用(reference) 3) 装饰对象
阅读全文
单例模式
摘要:1 说明 单例模式,属于创建类型的一种常用的软件设计模式。通过单例模式的方法创建的类在当前进程中只有一个实例 2 示例 2.1 最简单方式 public class Sing01 { public static Sing01 si = new Sing01(); private Sing01() {
阅读全文
tomcat报错:java.io.IOException: No space left on device
摘要:1 简介 今天网站很多页面访问突然就404了,路径分明没有变,是正确的,就很奇怪 排查日志发现报错java.io.IOException: No space left on device 这个错误,是磁盘空间不够了,我们需要对磁盘空间进行排查 2 对磁盘进行排查 使用命令:du -sh * 可以查看
阅读全文