vue组件封装案例--动态组件例子
vue组件封装案例--动态组件例子
动态组件        多个组件可以使用同一个挂载点,动态地在它们之间切换。        使用保留的<component>元素,使用 is 特性进行动态绑定。        可以使用keep-alive把切出去的组件保留在内存中,这样可以保留它的状态,避免重新渲染。html代码<divid="app"><inputtype="button"value="切换到第1个组
浏览:1627 标签:
vue组件封装案例--递归组件封装树形菜单
vue组件封装案例--递归组件封装树形菜单
vue组件封装案例--递归组件封装树形菜单        传入的数据结构:[    { title:XXX, children:[     { title:XXXX, chidren:[]     } ]    }]     设置的props:              data 数据结构 默认为 []     定制模板:  
浏览:4081 标签: 组件 vue
vue组件封装案例--封装提醒组件
vue组件封装案例--封装提醒组件
封装提醒组件        提醒框有四种状态:info、success、error、warning。         设置的props:                 type:提醒框类型,默认为info;                 title:提示信息," 这里有一个消息要提示 ";                 closea
浏览:1475 标签: 组件 vue
vue开源项目库汇总
vue开源项目库汇总
UI组件element ★13489 - 饿了么出品的Vue2的web UI工具套件Vux ★8133 - 基于Vue和WeUI的组件库iview ★6634 - 基于 Vuejs 的开源 UI 组件库mint-ui ★6253 - Vue 2的移动UI元素muse-ui ★3705 - 三端样式一致的响应式 UI 库vue-material ★3328 - 通过
浏览:1625 标签: vue
vue的封装组件及案例展示
vue的封装组件及案例展示
封装组件        每个组件会提供一些标准且简单的对应接口,允许使用者设置和调整参数和属性。        可以将不同来源的多个组件有机的集合在一起,快速构成一个符合实际需要的复杂(大型)应用程序。组件的主要特点        重用性:能够公用和通用;        可定制性:可设置参数和属性;        高内聚性:功能完成;        互操作性:多组
浏览:1769 标签: 组件 vue
vue组件封装案例--封装modal模态框组件
vue组件封装案例--封装modal模态框组件
封装modal模态框组件        设置的props:                modalTitle 提醒信息 默认为 '这是一个模态框'        定制模板:                slot为modal-content  定制提醒信息模板                slot为modal-footer   定制底部模板        监控子
浏览:2715 标签: 模态框 组件 vue
vue中使用slot分发内容
vue中使用slot分发内容
vue中使用slot分发内容        使用一种方式混合父组件的内容与子组件自己的模板,这种过程被称为“内容分发”。在子组件中使用特殊的<slot>元素作为内容的插槽。        这样会使组件的可扩展性更强。单个slot        在子组件模板中有slot标签,被视为备用内容,在父组件不提供内容的情况下使用。如果父组件提供内容,则把整个内容片段插入到slot
浏览:1502 标签: slot vue
js预加载和image()对象使用介绍
js预加载和image()对象使用介绍
图像预载入         对于浏览器载入图像来说,只有在对图像发送一个 HTTP请求之后,它们才会被浏览器载入,对图像的 HTTP 请求要么使用 <img> 标记,要么通过方法调用实现。如果使用 JavaScript 脚本来处理在 mouseover 事件时交换图像,或者在一段时间之后自动更改图像,那么在从服务器获取图像时可能要等上几秒钟到几分钟的时间。如果使用一个慢速的 
浏览:1206 标签: image() 预加载 js
js的image()对象属性方法介绍及image()对象操作实例
js的image()对象属性方法介绍及image()对象操作实例
Image对象操作实例        js中Dom的image对象的属性。align:设置图片与内联内容的对齐方式alt:设置或返回图片无法显示时的文字complete:浏览器判断图片是否加载完整 border:设置或者返回图片周围的边框height:设置或返回图片的高度width:设置或返回图片的宽度isMap:返回图像是否是服务器端的图像映射。 这个是否
浏览:2158 标签: image() 对象 js
vue中的props验证
vue中的props验证
props验证        组件可以为props指定验证要求,如果未指定验证要求,Vue会发出警告。props:{ propA:Number,// 指定类型 propB: [String,Number],// 多种类型 propC: { type:String, required:true },// 必传,且为字符串 propD: { typ
浏览:2331 标签: props vue
vue的单向数据流
vue的单向数据流
单向数据流        数据从父组件流向(传递)给子组件,只能单向绑定。        在子组件内不应该修改父组件传递过来的数据。        改变prop的情况:1、作为data中局部数据的初始值使用;2、作为子组件中的computed树属性。例子:<!DOCTYPE html><htmllang="zh-cn"><head><metahttp-equiv="
浏览:1344 标签: 数据流 vue
vue组件间通信(使用props/$emit)传递数据
vue组件间通信(使用props/$emit)传递数据
组件间通信        父组件要给子组件传递数据,子组件需要将它内部发生的事情告知给父组件。       父组件传递数据给子组件        组件实例的作用域是孤立的,不能在子组件直接用父组件的数据。        可以在组件上使用自定义属性绑定数据,在组件中需要显式的用props声明自定义属性名。        子组件传递数据给父组件        需要用到自
浏览:1450 标签: props 通信 vue emit

邮箱快速注册

忘记密码