随笔分类 - Vue
摘要：区别及适用场景 1.区别：vuex存储在内存，localstorage（本地存储）则以文件的方式存储在本地,永久保存；sessionstorage( 会话存储 ) ,临时保存。localStorage和sessionStorage只能存储字符串类型，对于复杂的对象可以使用ECMAScript提供的J
阅读全文
摘要：最近项目中涉及到跨页面传参数和后台进行数据交互，看到需求之后第一反应就是用路由传参来解决；Vue中给我们提供了三种路由传参方式，下面我们一个一个的来看一下： 方法一：params传参： this.$router.push({ name:"admin", //这里的params是一个对象，id是属性名
阅读全文
摘要：一.模板缺陷 模板的最大特点是扩展难度大，不易扩展。可能会造成逻辑冗余 Level组件需要对不同的type产生不同的标签 二.函数式组件 函数式组件没有模板,只允许提供render函数 复杂的逻辑变得非常简单 三.JSX应用 使用jsx会让代码看起来更加简洁易于读取 四.render方法订制组件 编
阅读全文
摘要：一.Props传递数据 当前组件接收到的 props 对象。Vue 实例代理了对其 props 对象属性的访问。在父组件中使用子组件，本质通过v-bind绑定属性传入子组件，子组件通过props接收父组件传入的属性。 二.$emit使用 触发当前实例上的事件。附加参数都会传给监听器回调。子组件触发父
阅读全文
摘要：问题讲解：在使用vue版本的ElementUI中的table功能的时候还是遇到了一些问题，可以说饿了么团队在这个UI框架的文档撰写已经非常不错了，不过还是有一些方法乍一看让人摸不着头脑，有些table的常用功能示例代码提供的不是非常详细，所以这次针对这个可展开表格实现手风琴效果写一篇博客探讨一下。
阅读全文
摘要：计算属性computed : 1. 支持缓存，只有依赖数据发生改变，才会重新进行计算 2. 不支持异步，当computed内有异步操作时无效，无法监听数据的变化 3.computed 属性值会默认走缓存，计算属性是基于它们的响应式依赖进行缓存的，也就是基于data中声明过或者父组件传递的props中
阅读全文
摘要：Vue 的响应式原理是核心是通过 ES5 的保护对象的 Object.defindeProperty 中的访问器属性中的 get 和 set 方法，data 中声明的属性都被添加了访问器属性，当读取 data 中的数据时自动调用 get 方法，当修改 data 中的数据时，自动调用 set 方法，检
阅读全文
摘要：1 2 3 4 5 6 7 父组件xz-todo: 代办事项列表 8 9 10 11 12 13 14 15 子组件xz-todo-input 16 添加 17 18 19...
阅读全文
摘要：1.父子级间通信，父类找子类非常容易，直接在子组件上加一个ref，父组件直接通过this.$refs操作子组件的数据和方法 父 这边子组件中 就完成了父 => 子组件通信 2. 子 =>父组件间通信 父组件中，在子组件上绑定一个属性（:parent=‘this’） 名字都可以，子组件中用props接
阅读全文
摘要：bug描述：elementUi中input输入字符光标在输入一个字符后，光标就退出，无法输入需要再次聚焦然后输入一个字符又再次退出。 首先，用elementUi正常用v-model绑定输入的值是不会造成光标退出的，原因是用了局部作用域插槽并且table的外层包了一层表单，导致光标输入，table下的
阅读全文
摘要：业务场景是需要在点击业务工作量的时候设置任务工作量这一项的评分不能大于任务质量及任务时限的权重之和除以二 上代码 JS逻辑代码 因出现弹出层提示后设置输入框的值如果大于sum的值，设置输入的值为sum，但是出现了让input输入的值只能变成sum一次，之后再输入值也不改变，属性值没有响应式了 故用s
阅读全文
浙公网安备 33010602011771号