
vue
前端小菜渣渣徐
这个作者很懒,什么都没留下…
展开
-
解决跨域常用方式
前端解决跨域的方式(面试必备)原创 2022-06-08 20:54:52 · 108 阅读 · 0 评论 -
vue中数据劫持代理
1.vue中的数据劫持代理指的是开发者调用或修改组件data里的某个属性时可以直接使用this.属性名,而不用写成this.data.属性名2.实现原理主要就是用到了Object.defineProperty()方法,具体实现代码如下<script type="text/javascript"> //模拟组件data let data = { userName :'玄猫', year:18 } //模拟组件实例 let _this = {原创 2021-09-29 16:15:58 · 384 阅读 · 0 评论 -
eventBus实现vue兄弟组件通讯
eventBus原理是创建一个空Vue实例, 然后在上面挂载通讯事件, 在响应事件时, 可以认为这个Vue实例(组件), 是所有组件的父组件, 在触发事件时, 可以认为这个Vue实例, 是所有组件的子组件. 实现兄弟组件通讯一共分以下四步1.创建eventBus.js的代码来实现一个空的Vue实例.import Vue from “vue”;let bus = new Vue();export default bus;2.在触发事件和响应事件的兄弟组件上都导入eventBus.js,把触发事件和响原创 2021-09-01 20:54:34 · 279 阅读 · 0 评论 -
通过sync修饰符实现vue父子组件间双向绑定
vue父子组件间实现双向绑定的方法在vue中是不允许子组件直接修改父组件传过来的变量的值,官方推荐子组件向父组件发射一个$emit方法,再在父组件接收的子组件传过来的方法中去修改父组件传给子组件的值,这样比较麻烦,也不方便与其他同事之间的协同开发,这里介绍一种简单的方法来实现父子组件双向绑定,即通过sync修饰符实现双向绑定1.父组件给子组件传值时添加。sync修饰符2.子组件修改父组件传过来的值时在方法前添加 update:...原创 2021-07-20 16:09:11 · 271 阅读 · 0 评论 -
v-model中修饰符lazy,number, trim的作用
1.v-model.lazy,修饰符lazy只有在按回车或者输入框失去聚焦后才更新数据绑定2.v-model.number,修饰符number,让返回值的类型为number类型而不是string类型3.v-model.trim,修饰符trim,可以去除用户在输入时在输入框前后添加的空格代码js部分...原创 2021-03-26 22:36:50 · 722 阅读 · 0 评论