随笔分类 - 1_vue（组件、vue异常、vue事件、vue_resource、mixin、vue结构优化、vue表单等）
摘要：vue过滤器 一、总结 一句话总结： 过滤器模板使用：<span>{{value1|multiple(value2,value3)}}</span> 局部过滤器定义：filters: {'multiple': function (value1, value2, value3) {return val
阅读全文
摘要：vue中mixins注意点 一、总结 一句话总结： 方法和参数在【各组件中不共享】，但是同一个组件中多个mixins方法是共享的，相当于【物理添加】 1、mixins与vuex的区别？ A、vuex：【共用数据】：用来做状态管理的，里面定义的变量在每个组件中均可以使用和修改，在任一组件中修改此变量的
阅读全文
摘要：vue中的checkbox 一、总结 一句话总结： 【不设置value属性】：没有给checkbox设置value属性，【勾选为true】，【取消勾选为false】，绑定数据如果初始化为true，则checkbox默认选中 【设置value属性】：设置三个checkbox，分别设置value属性，绑
阅读全文
摘要：vue中mixin是代码结构清晰 一、总结 一句话总结： mixin可以使vue中的代码根据【结构】或【功能】很方便的放到对应的文件中去，避免一个vue中【代码太多而导致混乱】 二、vue中mixin是代码结构清晰 1、结构清晰实例 a、结构 b、引入mixin 先引入代码 再加载到vue中 2、m
阅读全文
摘要：Vue中的Mixin 一、总结 一句话总结： VUE中的【混入 (mixin) 】提供了一种非常灵活的方式，来分发 Vue 组件中的【可复用功能】。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将【被“混合”进入】该【组件】本身的选项。 1、VUE中的【混入 (mixin
阅读全文
摘要：vue页面methods里面方法太多解决 一、总结 一句话总结： 使用 【Mixin】（混入），然后再引入，很有效的减少了代码 var mixin = { methods: { foo: function () { console.log('foo') }, conflicting: functio
阅读全文
摘要：更新vue的data中的元素，vue更新错误 一、总结 一句话总结： 解决方式：用【深拷贝】可以解决，直接对vue操作的【一级数据进行深拷贝】，然后修改 问题思考：估计vue基于数据的更新【只检查一级数据的地址是否改变】，如果地址改变才基于这个更新 错误方式：如果这样更新：【vue看到的数据地址根本
阅读全文
摘要：vue循环中key报错Duplicate keys detected: '0' 一、总结 一句话总结： 出错原因是组件循环的时候【key指定错了】：<blog_category_tree v-for="child in data.children" :key="data.bc_id" :data="
阅读全文
摘要：vue子组件向父组件传递参数过程分析 一、总结 一句话总结： 1、在这个过程中，【子组件和父组件中的方法都执行了一次】，而且是子组件方法先，父组件方法后：比如下面实例中用户先点击了myclick()方法，然后执行了父组件的show()方法 2、所以【子组件自定义方法可以向父组件传递数据】 3、所以也
阅读全文
摘要：vue子组件向父组件传递数据 一、总结 一句话总结： a、【子组件发射自定义事件】：子组件中方法：btnClick(item) {this.$emit('item-click', item)} b、组件使用中【绑定该事件】：【<cpn @item-click="cpnClick"></cpn>】：i
阅读全文
摘要：vue中父组件向子组件传递数据 一、总结 一句话总结： a、组件使用时【绑定数据】：通过data和data2两个名字绑定了数据：<login :data="parent_msg" :data2="parent_arr"></login> b、子组件中通过【props属性】接收数据：props:['d
阅读全文
摘要：什么是uni-app? 一、总结 一句话总结： uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台。 二、什么是uni-app? 转自或参考：什么是uni-app
阅读全文
摘要：VUE课程 20、条件渲染v-show 一、总结 一句话总结： 条件渲染指令除了v-if，还有v-show，v-show指令通过改变元素的display属性来控制元素的显示和隐藏 <div id="app"> <p v-if="flag">{{msg}} v-if控制</p> <p v-show="
阅读全文
摘要：VUE课程 19、条件渲染v-if 一、总结 一句话总结： v-if指令用来做条件渲染，也就是满足条件就渲染元素，否则不渲染，后面可以接v-else-if、v-else等指令 <div id="app"> <!-- <p v-if="flag">{{msg}}</p>--> <!-- 如果用戶登录了
阅读全文
摘要：VUE课程 18、v-for中key属性使用 一、总结 一句话总结： v-for循环的key属性的作用是用来标注v-for循环的每一项的唯一身份，也就是用来跟踪每个节点的身份，从而避免重新排序元素造成的元素状态混乱 <p v-for="item in list" v-bind:key="item.i
阅读全文
摘要：VUE课程 17、循环指令v-for 一、总结 一句话总结： vue中循环指令v-for可以循环数组（v-for="item in list"）、循环对象（v-for="(val,key) in obj"）、循环数字（v-for="count in 10"） 1、v-for循环数组：<p v-for
阅读全文
摘要：VUE课程 16、style样式绑定 一、总结 一句话总结： style样式绑定（内联样式绑定）也有对象语法和数组语法，对象语法就是键值对表示样式名和样式值，数组语法就是数组里面可以放多个表示样式的对象 <div id="app"> <!--对象语法--> <p :style="{color:'re
阅读全文
摘要：VUE课程 15、class类绑定 一、总结 一句话总结： vue中绑定class主要有数组语法和对象语法，数组语法的时候会依次将数组里面的元素解析到class里面，对象语法就是将键值对中的值为true的键添加到class中 <div id="app"> <!--1、数组语法--> <p :clas
阅读全文
摘要：VUE课程参考 17、计算属性 一、总结 一句话总结： vue的计算属性可以用来根据vue中data中的值的变化，自动变化计算的值，比如fullname变化的时候自动更新firstname和lastname，计算属性可以用来简化模板中的的复杂的js表达式 computed:{ fullName:fu
阅读全文
摘要：VUE课程参考 12、style样式绑定 一、总结 一句话总结： style样式绑定（内联样式绑定）也有对象语法和数组语法，对象语法就是键值对表示属性和属性值，数组语法就是数组里面可以放多个表示样式的对象 <div id="app"> <!--对象语法--> <p :style="{color:'r
阅读全文
