- 博客(7)
- 收藏
- 关注
RSS订阅原创 Vue的过滤器filter
1.Vue.filter(id,[definition])参数：{string} id{Function} [definition]用法：注册或获取全局过滤器// 注册Vue.filter('my-filter',function(value) { // 返回处理后的值})// getter，返回已注册的过滤器var myFilter = Vue.filter('my-filter')2.示例：（1）全局过滤器Vue.filter('globalFilter',funct
2021-11-22 13:48:57
669
原创 Vue中extend基本用法
1.Vue.extend(options)参数:{Object} options用法：使用基础Vue构造器，创建一个"子类"。参数是一个包含组件选项的对象。data选项是特例，需要注意，在Vue.extend()中它必须是函数。<html> <head> <title>Vue.extend 用法</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue
2021-11-22 10:42:10
22637
3
原创 Vue的directive指令快速使用
一、用法：注册或获取全局指令 Vue.directive(id,[definition])除了核心功能默认内置的指令 (v-model 和 v-show)，Vue 也允许注册自定义指令。注意，在 Vue2.0 中，代码复用和抽象的主要形式是组件。然而，有的情况下，你仍然需要对普通 DOM 元素进行底层操作，这时候就会用到自定义指令。二、钩子函数:一个指令定义对象可以提供如下几个钩子函数(均为可选)：bind:只调用一次，指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。inse
2021-11-18 10:17:26
7793
原创 vue中$emit和$on的使用
1. vm.$on(event,callback)用法：监听当前实例上的自定义事件。事件可以由vm.$emit触发。回调函数会接收所有传入事件触发函数的额外函数。个人理解：监听接收传来的值vm.$on('test',function(msg){ console.log(msg)})示例：2. vm.$emit(eventName,[…args])用法：触发当前实例上的事件。附加参数都会传给监听器回调。个人理解： 注册一个自定义事件// 只配合一个事件名使用emit// 子组件V
2021-11-12 15:14:10
3819
原创 Vuex的辅助函数
上篇文章我们讲了Vuex的使用，本来想把是想把Vuex内容写一块，后来觉得那样会太乱不利于入门的同学消化理解，Vuex的使用问题请看上篇，本篇只讲辅助函数。一、组件访问state从 vuex 中导入 mapState 函数import { mapState } from 'vuex'映射为当前组件的computed计算属性：...mapState(['count'])3.添加到组件<template> <div> <h1>count值
2021-11-12 15:06:14
968
原创 Vuex的使用--快速入门
Vuex是一个专为Vue.js应用程序开发的状态管理工具。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。一、Vue组件传值的方式父向子组件传值：父组件v-bind（缩写：）属性绑定，子组件props接收子向父组件传值：子组件$emit触发，父组件v-on（缩写@）事件绑定兄弟组件之间数据共享：EventBus二、关于VuexVuex是适用于在Vue项目开发时使用的状态管理工具。如果一个项目开发中频繁的使用组件传参的方式来同步data的值，一旦项目
2021-11-12 15:03:10
790
1
原创 vue混入(mixin)的详解
混入(mixin)提供了一种非常灵活的方式，来分发vue组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。1.钩子函数同名钩子函数将会混合为一个数组，都将被调用到，但是混入对象的钩子将在组件自身钩子之前调用。var mixin = { created: function () { console.log('混入对象的钩子被调用') }}new Vue({ mixins: [mixin], cre
2021-11-12 14:49:02
14423
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人