vue
三_荷
浮生若梦,为欢几何
展开
-
vue组件深层次传值方式-$attrs/$listeners
$attrs包含了父作用域中不作为 prop 被识别 (且获取) 的特性绑定 (class 和 style 除外)。当一个组件没有声明任何 prop 时,这里会包含所有父作用域的绑定 (class 和 style 除外),并且可以通过 v-bind="$attrs"传入内部组件——在创建高级别的组件时非常有用。注意:父组件给子组件传值可以通过v-bind="$attrs"传入内部组件,内部...原创 2019-11-04 16:09:17 · 1063 阅读 · 0 评论 -
vue组件传值的几种方式
vue组件传值的几种方式1.VuexVuex是一种转为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的多有组件的状态,并以相应的规则保证状态以一种可预期的方式发生变化。优点解决了多层组件之间繁琐的事件传播。解决了多组件依赖统同一状态的问题。单向数据流为Vue量身定做,学习成本不高缺点不能做数据持久化,刷新页面就要重制,要做数据持久化可以考虑使用loc...原创 2019-10-21 13:28:50 · 591 阅读 · 0 评论 -
插件loading开发
插件loading开发1.新建loading.vue 文件<template> <!--loading--> <div class="pop" v-show="show" @mousewheel.prevent> <div class="confirm"> <img src="../../assets/ima...原创 2019-10-21 10:47:17 · 163 阅读 · 0 评论 -
通过Vue.extend()方法,手写messageBox组件
Vue.extend()实例应用-messageBoxVue.extend(options)用法:使用基础Vue构造器,创建一个‘子类’,参数是一个包含组件选项的对象。注意:data选项必须是一个函数//创建构造器var Profile = Vue.extend({ template:'<p>{{firstName}} {{lastName}} aka {{alias}}&...原创 2019-10-18 17:32:27 · 275 阅读 · 0 评论