随笔分类 -  Vue

摘要:#####1. vm.$on(event,callback) 用法:监听当前实例上的自定义事件。事件可以由vm.$emit触发。回调函数会接收所有传入事件触发函数的额外函数。 个人理解:监听接收传来的值 vm.$on('test',function(msg){ console.log(msg) }) 阅读全文
posted @ 2022-03-23 17:18 silence小铁匠 阅读(425) 评论(0) 推荐(0) 编辑
摘要:上篇文章我们讲了Vuex的使用,本来想把是想把Vuex内容写一块,后来觉得那样会太乱不利于入门的同学消化理解,Vuex的使用问题请看上篇,本篇只讲辅助函数。 一、组件访问state 从 vuex 中导入 mapState 函数 import { mapState } from 'vuex' 映射为当 阅读全文
posted @ 2022-03-23 17:06 silence小铁匠 阅读(111) 评论(0) 推荐(0) 编辑
摘要:混入(mixin)提供了一种非常灵活的方式,来分发vue组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。 1.钩子函数 同名钩子函数将会混合为一个数组,都将被调用到,但是混入对象的钩子将在组件自身钩子之前调用。 var 阅读全文
posted @ 2022-03-23 17:04 silence小铁匠 阅读(853) 评论(0) 推荐(0) 编辑
摘要:一、用法:注册或获取全局指令 Vue.directive(id,[definition]) 除了核心功能默认内置的指令 (v-model 和 v-show),Vue 也允许注册自定义指令。注意,在 Vue2.0 中,代码复用和抽象的主要形式是组件。然而,有的情况下,你仍然需要对普通 DOM 元素进行 阅读全文
posted @ 2022-03-23 17:03 silence小铁匠 阅读(293) 评论(0) 推荐(0) 编辑
摘要:1.Vue.extend(options) 参数: {Object} options 用法: 使用基础Vue构造器,创建一个"子类"。参数是一个包含组件选项的对象。 data选项是特例,需要注意,在Vue.extend()中它必须是函数。 <html> <head> <title>Vue.exten 阅读全文
posted @ 2022-03-23 16:39 silence小铁匠 阅读(815) 评论(0) 推荐(0) 编辑
摘要:1.Vue.filter(id,[definition]) 参数: {string} id {Function} [definition] 用法:注册或获取全局过滤器 // 注册 Vue.filter('my-filter',function(value) { // 返回处理后的值 }) // ge 阅读全文
posted @ 2022-03-23 16:31 silence小铁匠 阅读(291) 评论(0) 推荐(0) 编辑
摘要:Vuex是一个专为Vue.js应用程序开发的状态管理工具。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。 一、Vue组件传值的方式 父向子组件传值:父组件v-bind(缩写:)属性绑定,子组件props接收 子向父组件传值:子组件$emit触发,父组件v 阅读全文
posted @ 2022-03-23 15:52 silence小铁匠 阅读(764) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示