Vue 笔记
关注
分享
扫一扫
文章平均质量分 81
好的代码会说话，在学习vue的过程中，加上必要的说明 。记录点点滴滴，方便后续同学学习。
pardon110
这个作者很懒，什么都没留下…
展开
-
vue父子通信之三数定值求和
需求假定三数不大于n的整数v1,v2,v3，其和为n要求改变任意数值，其它两数会自适应调整，确保三数和仍为n调用规则 : 假定三数顺序固定索引为 0，1，2， 那么0数值增加了，则1数优先减少，不够则向2数借，即0->1->2->0->1->2…顺序假定初始值分别为 40， 30， 30 ， 定值和100，实现页面改变输入改变任意数，其它二数按规则自动变更分析父组件维护初始的数据信息数组及定值被改变数值的组件向父组件发出事件时，携带当前改变的值，以及当前值所原创 2020-07-10 15:06:18 · 544 阅读 · 0 评论 -
Uncaught TypeError: route.children.some is not a function
报错Uncaught TypeError: route.children.some is not a function分析开始判断some有可能被重写，于是全文检索并没有猜测children 子路由并有可能不是一个正常的数组，果然路由少写一对中括号原创 2020-06-09 12:54:35 · 2323 阅读 · 0 评论 -
is defined but never used eslint 警告
问题在使用vue-cli开发项目时，遇到未使用的变量，会报如下错误is defined but never used eslint...解决在项目根目录package.json 修改eslintConfig配置项 no-unused-vars 为 off 值即可解决。原创 2020-06-03 09:58:23 · 809 阅读 · 0 评论 -
Vue实例
除了数据属性，Vue 实例还暴露了一些有用的实例属性与方法。它们都有前缀 $，以便与用户定义的属性区分开来。例如：var data = { a: 1 }var vm = new Vue({ el: '#example', data: data})vm.$data === data // => truevm.$el === document.getElementById('e...转载 2018-05-25 19:52:07 · 169 阅读 · 0 评论 -
Vue 修炼笔记之大白话
前期资源 1. [es5](https://old.babeljs.io/learn-es2015/) 2. webpack 3. js的原型继承，getter setter核心 每个vue组件都是一个vue实例。 模板文件转换成为 JavaScript 渲染函数。即vue的最终产出是js代码。响应原理 props下传数据，vue实例事件系统向上传递变化。...原创 2018-06-18 18:16:36 · 503 阅读 · 0 评论 -
Vue item_01 基础示例简介
所有内容代码驱动，注释作了必要说明。来于官网，出自己实践。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,原创 2018-06-19 10:48:29 · 4574 阅读 · 0 评论 -
Vue 之v-model 详解
自定义事件也可以用于创建支持 v-model 的自定义输入组件。记住：&amp;amp;amp;lt;input v-model=&amp;amp;quot;searchText&amp;amp;quot;&amp;amp;amp;gt;等价于：&amp;amp;amp;lt;input v-bind:value=&amp;amp;quot;searchText&amp;amp原创 2018-06-20 10:51:58 · 2753 阅读 · 0 评论 -
Vue item_14 之slot详解
好的代码会说话，见&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html lang=&quot;en&quot;&amp;gt;&amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &原创 2018-06-22 11:42:10 · 606 阅读 · 0 评论 -
v-mode组件之 Trix-editor
&amp;amp;amp;lt;template&amp;amp;amp;gt;&amp;amp;amp;lt;div&amp;amp;amp;gt; &amp;amp;amp;lt;!-- 此处hidden,id必须，id为trix-editor引用的input属性 --&amp;amp;amp;gt; &amp;amp;amp;lt;!-- 此处 name,value,hidden,原创 2018-07-06 11:20:41 · 681 阅读 · 0 评论