vue
wsx1212123
这个作者很懒,什么都没留下…
展开
-
vue .sync修饰符
日常开发时,我们总会遇到需要父子组件双向绑定的问题,但是考虑到组件的可维护性,vue中是不允许子组件改变父组件传的props值的。那么同时,vue中也提供了一种解决方案.sync修饰符。首先我们知道,父组件通过绑定属性的方式向子组件传值,而在子组件中可以通过$emit向父组件通信,通过这种间接的方式改变父组件的data,从而实现子组件改变props的值。比如向下边这这样:子组件使用$emit向父组件发送事件:this.$emit('update:title', newTitle)父组件监听这个事件原创 2021-11-22 16:11:48 · 1001 阅读 · 0 评论 -
VUE中的mixins 大致用法
vue中提供了一种混合机制–mixins,用来更高效的实现组件内容的复用。最开始我一度认为这个和组件好像没啥区别。。后来发现错了。下面我们来看看mixins和普通情况下引入组件有什么区别? 组件在引用之后相当于在父组件内开辟了一块单独的空间,来根据父组件props过来的值进行相应的操作,单本质上两者还是泾渭分明,相对独立。 而mixins则是在引入组件之后,则是将组件内部的内容如data等方法、method等属性与父组件相应内容进行合并。相当于在引入后,父组件的各种属性方法都被扩充了。 单纯组件引原创 2020-05-22 13:57:44 · 312 阅读 · 0 评论 -
Vue组件选项props
前言组件接受的选项大部分与Vue实例一样,而选项props是组件中非常重要的一个选项。在 Vue 中,父子组件的关系可以总结为 props down, events up。父组件通过 props 向下传递数据给子组件,子组件通过 events 给父组件发送消息。本文将详细介绍Vue组件选项props...原创 2019-12-22 21:33:32 · 88 阅读 · 0 评论 -
onchange onpropertychange 和 oninput 事件的区别
汇总 onchange onpropertychange 和 oninput 事件的区别1、onchange 事件与 onpropertychange 事件的区别:onchange 事件在内容改变(两次内容有可能还是相等的)且失去焦点时触发。onpropertychange 事件却是实时触发,即每增加或删除一个字符就会触发,通过 js 改变也会触发该事件,但是该事件 IE 专有。oninp...转载 2019-10-28 19:30:25 · 143 阅读 · 0 评论 -
watch,computed和methods的关系
watch,computed和methods的关系1.watch和computed都是以Vue的依赖追踪机制为基础的,它们都试图处理这样一件事情:当某一个数据(称它为依赖数据)发生变化的时候,所有依赖这个数据的“相关”数据“自动”发生变化,也就是自动调用相关的函数去实现数据的变动。2.对methods:methods里面是用来定义函数的,很显然,它需要手动调用才能执行。而不像watch和com...转载 2019-08-17 18:38:41 · 118 阅读 · 0 评论 -
VUE——MVVM框架理解
MVVM工作原理MVVM框架理解MVVM的实现原理响应式:模板解析:如何将模板渲染为html小白一枚,正好最近Vue越来越火热,Github上的Star数已经超过了React。而其背后蕴含的MVVM框架思想也一直跟React的组件化开发思想并驾齐驱,在这里也是本着兼收并蓄的思想,多了解一种开发模式。因此通过一些学习资料,写一些自己对MVVM开发思想的理解。废话不多说,咱们进入正题。MVVM框...转载 2019-07-31 21:11:45 · 330 阅读 · 0 评论 -
vue常用指令
常用指令v-text作用: 更新元素的 textContentv-html作用: 更新元素的 innerHTMLv-bind作用:当表达式的值改变时,将其产生的连带影响,响应式地作用于 DOM语法:v-bind:title="msg"; 简写::title="msg"v-on作用:绑定事件语法:v-on:click="say" or v-on:click="say...原创 2019-08-03 14:49:18 · 101 阅读 · 0 评论 -
vue 双向数据绑定原理
vue 双向数据绑定原理利用了es5中的一个方法.Object.defineproperty(),它有三个参数,Object.defineproperty(obj,‘val’,attrObject),参数1: obj是属性所在的对象,参数2: ‘val’,属性名,它是一个string类型,参数3: { }属性所描述的对象详情可以看Object.defineproperty的文档 ...原创 2019-08-02 22:57:21 · 75 阅读 · 0 评论 -
vue.js 学习日记(二)
Vue组件全局注册/局部注册局部注册组件在子组件中不可用全局注册的行为必须在根Vue实例创建之前发生camelCase的属性可以在组件中使用 kebab-case可以以对象的模式指定每一个 props属性的类型父级 props的更新会向下流动,反之则不行由于JavaScript对象和数组是引用传入的,所以当子组件对props的改变将会影响到父组件pr...转载 2019-08-02 20:52:52 · 129 阅读 · 0 评论 -
vue.js学习日记(一)
Vue.js是当下很火的一个JavaScript MVVM库,它是以数据驱动和组件化的思想构建的。相比于Angular.js,Vue.js提供了更加简洁、更易于理解的API,使得我们能够快速地上手并使用Vue.js。,因为Vue.js是数据驱动的,无需手动操作DOM。它通过一些特殊的HTML语法,将DOM和数据绑定起来。一旦你创建了绑定,DOM将和数据保持同步,每当变更了数据,DOM也会相应地更新...原创 2019-08-02 20:36:10 · 228 阅读 · 1 评论