这篇文章介绍了Vue.js 父子组件之间通信的十种方式，不管是初学者还是已经在用 Vue 的开发者都会有所收获。无可否认，现在无论大厂还是小厂都已经用上了 Vue.js 框架，简单易上手不说，教程详尽，社区活跃，第三方套件还多。真的是前端开 ...

是时候使用JSX代替createElement了 接着上面的讲，当我们看到上面用createElement去实现组件，太麻烦了，别说工作效率提高了，就是那些嵌套可以嵌套正确就很赞了，所以我们需要用JSX去简化整个逻辑。当年我做项目的时候就遇 ...

Vue.js面试题整理 *一、什么是****MVVM****？ MVVM是Model-View-ViewModel的缩写。MVVM是一种设计思想。Model 层代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑；View 代表U ...

这是我第20篇简书。 1、组件通信 （1）父子通信 ① props-$emit ② $refs 短信验证码、图形验证码组件我经常用$refs this.$refs.captcha= 'xxx' ③ 子组件$children[0] 并不保证顺 ...

Unsplash class 和 style 使用动态属性，使用驼峰式写法 v-if和 v-show v-if 不渲染不满足判断条件的模块，v-show 渲染但不显示，使用场景：是否多次切换或频繁更新条件状态 keep-alive 缓存组 ...

Unsplash 父组件通过 props 给子组件传值 // App.vue 父组件 data() { return { list: [ { id: 'i ...

每个前端开发人员和Web开发人员都知道在多个地方编写相同的代码是多么令人沮丧和痛苦。如果他们需要在多个页面上添加一个按钮，他们将被迫编写大量代码。使用其他框架的开发人员即使在编写频繁更改的组件时也面临着对大多数代码进行返工的挑战。开发人员想 ...

背景 针对上期打卡需求开发，这期需要以列表的形式展现打卡记录，但是微信小程序并没有表格组件，可能是官方考虑到,在前端开发中，表格一直都是最复杂的组件之一就没有实现吧。没有现成的组件可以使用，针对这个问题，目前有两种解决方案： 1）内嵌 h5 ...

eventBus应该有些听过，其实就是一个事件发布订阅的功能。vue提供了实例方法事件，就是once、emit。 在mainjs里面在vue原型上面挂载一个变量： Vue.prototype.$eventBus = new Vue(); 我 ...

什么是插槽？ 在vue中通过slot可以向组件中指定位置插入内容。 正常情况下调用一个组件的时候，组件显示的内容为com-input组件中模板的内容。可是想在调用组件的时候给组件添加内容，该怎么办呢 ...