IamHzc

2021年10月13日

摘要：一种组件间通信方式，适用于任意组件间通信。 ##使用步骤 1.安装pubsub: npm i pubsub-js 2.引入：import pubsub from 'pubsub-js' 3.接收数据：A组件想接收数据，则在A组件中订阅消息，订阅的回调留在A组件自身。pubsub.subscribe( 阅读全文

posted @ 2021-10-13 20:45 IamHzc 阅读(293) 评论(0) 推荐(0)

Vue - 全局事件总线

摘要： #全局事件总线一种组件间的通信方式，适用于任意组件间通信。 ##使用方式 1.安装全局事件总线 new Vue({ render: h => h(App), beforeCreate() { Vue.prototype.$bus = this } }).$mount('#app') 2.使用事件总阅读全文

posted @ 2021-10-13 20:02 IamHzc 阅读(302) 评论(1) 推荐(1)

2021年10月12日

Vue - 组件的自定义事件

摘要： ##组件的自定义事件 1.一种组件间的通信方式，适用于：子组件 > 父组件。 2.使用场景：A是父组件，B是子组件，B想要给A传数据，那么就要在A中给B绑定自定义事件（事件的回调在A中） 3.组件上也可以绑定原生的DOM事件，需要使用native修饰符。 4.注意：通过this.$refs.xxx. 阅读全文

posted @ 2021-10-12 20:50 IamHzc 阅读(202) 评论(0) 推荐(0)

webStorage

摘要： 1.存储内容大小一般支持5MB（不同浏览器可能还不一样）。 2.浏览器端通过Window.sessionStorage和Window.localStorage属性来实现本地存储机制。 3.相关API： 1. localStorage.setItem('key','value'); 该方法接受一个键和阅读全文

posted @ 2021-10-12 20:03 IamHzc 阅读(101) 评论(0) 推荐(0)

Vue - style标签中的scoped作用

摘要：作用：让样式在局部生效，防止冲突 <style scoped> </style> 阅读全文

posted @ 2021-10-12 19:42 IamHzc 阅读(57) 评论(0) 推荐(0)

get请求url传递中文参数

摘要： url地址:其中参数data.recruitmentName为中文。 //使用encodeURI()进行二次编码 location.href = "http://localhost:8080/pages/manager/jobs_main.html?recruitmentId="+data.id+" 阅读全文

posted @ 2021-10-12 14:48 IamHzc 阅读(805) 评论(0) 推荐(0)

JS获取地址栏参数

摘要： /** * 获取地址栏参数 * @param variable * @returns {string|boolean} */ function getQueryVariable(variable) { var query = window.location.search.substring(1); 阅读全文

posted @ 2021-10-12 10:37 IamHzc 阅读(32) 评论(0) 推荐(0)

2021年10月11日

Vue - 插件

摘要： **作用：**用于增强Vue 使用方式：创建插件plugins.js export default { install(Vue){ } } 在main.js中引入插件 import plugins from "@/plugins"; Vue.use(plugins)；阅读全文

posted @ 2021-10-11 21:09 IamHzc 阅读(32) 评论(0) 推荐(0)

Vue - mixin配置

摘要： ##mixin **作用：**可以把多个组件共同的配置提取成一个混入对象。使用方式：定义混合 export const mixin = { methods:{ clickBtn(){ alert(this.name); } } } 在需要引入混入的组件上引入混入,并配置mixins <scrip 阅读全文

posted @ 2021-10-11 20:58 IamHzc 阅读(62) 评论(0) 推荐(0)

Vue - props配置

摘要： ##props属性 **作用：**让组件接收外部传过来的数据。 **传递数据方式：**在组件标签上加入对应属性名与值。 //age属性传入的是字符串 <Demo name="hzc" age="20"><Demo> //动态绑定后age传入的是Number类型的值 <Demo name="hzc" 阅读全文

posted @ 2021-10-11 20:35 IamHzc 阅读(67) 评论(0) 推荐(0)

Vue - ref属性

摘要： ##ref属性 1.ref属性被用来给元素或子组件注册引用信息（id的替代者） 2.应用在html标签上获取的是真是的DOM元素 3.应用在组件上获取的是组件实例对象（VueComponent） <template> <div id="app"> <img alt="Vue logo" src=". 阅读全文

posted @ 2021-10-11 20:06 IamHzc 阅读(82) 评论(0) 推荐(0)

SpringBoot-LocalDateTime格式化处理

摘要： Java 8之后，日期类的处理建议使用java.time包中对应的LocalDateTime, LocalDate, LocalTime类。（参考Java8新特性）在Spring Boot中（验证版本：2.1.5.RELEASE），日期类的序列化格式可能不是自己所希望的，需要定义为自己的格式。有两阅读全文

posted @ 2021-10-11 10:50 IamHzc 阅读(559) 评论(0) 推荐(0)

2021年10月9日

vue2.x 中render函数解析

摘要： ##不同版本的Vue vue.js和vue.runtime.xxx.js的区别（1）vue.js是完整版的vue，包含：核心功能+模板解析器。（2）vue.runtime.xxx.js是运行版本的vue，只包含：核心功能。没有模板解析器。 vue.runtime.xxx.js没有模板解析器，所以阅读全文

posted @ 2021-10-09 16:04 IamHzc 阅读(89) 评论(0) 推荐(0)

Vue2.x index.html文件解析

摘要： <!DOCTYPE html> <html lang=""> <head> <meta charset="utf-8">  <meta http-equiv="X-UA-Compatible" content=" 阅读全文

posted @ 2021-10-09 15:42 IamHzc 阅读(312) 评论(0) 推荐(0)

Vue - 单文件组件入门

摘要：创建其他组件，例如School.vue和Student.vue <template> <div> <h2>{{schoolName}}</h2> </div> </template> <script> export default { name:'School', data:{ schoolName 阅读全文

posted @ 2021-10-09 15:19 IamHzc 阅读(65) 评论(0) 推荐(0)

Loading

公告