![](https://img-blog.csdnimg.cn/2019092715111047.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
vue全局API
vue全局API
金刚葫芦瓢9527
这个作者很懒,什么都没留下…
展开
-
使用Vue.observable()进行状态管理
随着组件的细化,就会遇到多组件状态共享的情况, Vuex当然可以解决这类问题,不过就像 Vuex官方文档所说的,如果应用不够大,为避免代码繁琐冗余,最好不要使用它,今天我们介绍的是 vue.js 2.6 新增加的 Observable API ,通过使用这个 api 我们可以应对一些简单的跨组件数据状态共享的情况。 observable()方法,用于设置监控属性,这样就可以监控viewModule中的属性值的变化,从而就可以动态的改变某个元素中的值,监控属性的类型不变量而是一个函数,通过返回一个函数给vie转载 2020-07-15 16:08:05 · 588 阅读 · 0 评论 -
Vue中mixins的使用方法和注意点
mixins特点 1、方法和参数在各组件中不共享 如混入对象中有一个 cont:1的变量,在组件A中改变cont值为5,这时候在组件B中获取这个值,拿到的还是1,还是混入对象里的初始值,数据不共享 2、值为对象的选项 如methods,components等,选项会被合并,键冲突的组件会覆盖混入对象的,比如混入对象里有个方法A,组件里也有方法A,这时候在组件里调用的话,执行的是组件里的A方法 3、值为函数的选项 如created,mounted等,就会被合并调用,混合对象里的钩子函数在组件里的钩子函数之前调转载 2020-07-07 09:43:45 · 3939 阅读 · 0 评论 -
Vue.filter() 过滤器用法
自定义的过滤器,当然这包括注册在全局和注册在实例化的内部 注册在全局的fliter 1.全局方法 Vue.filter() 注册一个自定义过滤器,必须放在Vue实例化前面 2.过滤器函数始终以表达式的值作为第一个参数。带引号的参数视为字符串,而不带引号的参数按表达式计算 3.可以设置两个过滤器参数,前提是这两个过滤器处理的不冲突 4.用户从input输入的数据在回传到model之前也可以先处理 <!DOCTYPE html> <html> <head>转载 2020-07-06 17:33:42 · 418 阅读 · 0 评论 -
Vue.directive() 封装DOM操作
这篇文章是关于Vue Directive的介绍,后面会介绍一个使用的小例子。 1.Vue Directive的简介 directive在Vue中十分常见,Vue提供的许多指令如 v-on 、 v-show 使得Vue的功能更加强大,可是仍然有一些操作指令是Vue没有提供的,不过Vue提供了自定义directive的属性方法来满足这一需求。其实,Vue Directive就是一种特殊的HTML元素属性。 Vue提供了两中注册方法,一种是全局注册,在Vue.directive中定义组件的名字和相关指令操作 Vu转载 2020-07-06 16:25:44 · 1077 阅读 · 0 评论 -
vue.nextTick()方法的使用详解
什么是Vue.nextTick()?? 定义:在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM 所以就衍生出了这个获取更新后的DOM的Vue方法。所以放在Vue.nextTick()回调函数中的执行的应该是会对DOM进行操作的 js代码; 理解:nextTick(),是将回调函数延迟在下一次dom更新数据后调用,简单的理解是:当数据更新了,在dom中渲染后,自动执行该函数 <template> <div class="hello">转载 2020-07-06 14:51:40 · 508 阅读 · 0 评论 -
Vue.extend() 编程式插入组件
前言 日常中我们要使用一个弹框组件的方式通常是先通过Vue.component 全局或是 component 局部注册后,然后在模版中使用。接下来我们尝试编程式的使用组件。 实现 其实步骤很简单 1、通过 Vue.extend() 创建构造器 2、通过 Vue.$mount() 挂载到目标元素上 3、目标实现一个 alert 弹框,确认和取消功能如下图 document.createElement 其实想要插入一个元素,通过 document.createElement 就可以实现,并非一定需要上面两步,转载 2020-07-06 14:27:33 · 1567 阅读 · 0 评论