随笔分类 - Vue
vue3生命周期
摘要:介绍 vue3的生命周期函数,可以按需导入到组件中,且 只能 在 函数中使用 示例 对比vue2.x ~~ ~~ 使用 ~~ ~~ 使用 `onErrorCaptured`
组件上使用v-model
摘要:组件上使用v model 等价于 当用在组件上时, 则会这样: 等同于 为了让它正常工作,这个组件内的``必须: 将其 value 特性绑定到一个名叫 的`prop`上 在其 input 事件被触发时,将新的值通过自定义的 事件抛出 Vue.component('custom input', { p
Vue event 传值(子to父)
摘要:事件名 始终使用 kebab-case 的事件名。 通过事件向父组件发送信息 子组件中EnFontsize.vue中 emit('enlarge-text')">Enlarge text</button> 父组件 <template> <div id="a
Vue Prop属性(父to子)
摘要:通过Prop向子组件传递数据 第一步父组件中 解释:把父组件中的data中的 通过 传递给子组件 子组件中 解释:父组件中传过来的值可以直接使用了 Prop类型 以字符串数组形式列出的 prop: 以对象形式列出 prop,这些属性的名称和值分别是 prop 各自的名称和类型: 推荐使用第二种 传递
Vue组件全局/局部注册
摘要:全局注册 main.js中创建 使用 局部注册 直接在 .vue 文件中使用 第一种方式 通过一个普通的 JavaScript 对象来定义组件: 然后在 components 选项中定义你想要使用的组件: 如果你希望 ComponentA 在 ComponentB 中可用,则你需要这样写: 第二种方
vue实现简单的点击切换颜色
摘要:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>changeColor</title> <script src="https://unpkg.com/vue/dist/vue.js"></script> </head> <sty