随笔分类 - Vue_ relevant
Vue前端的相关问题
摘要：说明: 1) 官方提供的用来实现 SPA 的 vue 插件 2) github: https://github.com/vuejs/vue-router 3) 中文文档: http://router.vuejs.org/zh-cn/ 4) 下载: npm install vue-router --s
阅读全文
摘要：Vue Router 路由实现原理 一、概念 通过改变 URL，在不重新请求页面的情况下，更新页面视图。 二、实现方式 更新视图但不重新请求页面，是前端路由原理的核心之一，目前在浏览器环境中这一功能的实现主要有2种方式： 1.Hash 利用 URL 中的hash("#"); 2.利用 History
阅读全文
摘要：1. 常用 1) Mint UI: a. 主页: http://mint-ui.github.io/#!/zh-cn(注意:地址失效,可以百度mint-ui文档) b. 说明: 饿了么开源的基于 vue 的移动端 UI 组件库 2) Elment a. 主页: http://element-cn.e
阅读全文
摘要：1，锁定数组的长度(只读模式)[ Array.join() ] var a = [1,2,3] //定义一个数组<br> Object.defineProperty(a,"length",{ writable:false }) //将a数组的长度属性设为只读<br> a.length = 0 //将
阅读全文
摘要：1.初始化显示 2.搜索(做交互) (1).输入关键字 (2).点击搜索 (3).界面发生变化 注意:ajax请求代码应该写在Main.vue组件中? 主要是ajax前和ajax后需要更新main的状态 什么时候发ajax请求呢? 点击serach按钮后发起 涉及到兄弟组件间通信 法一:pubsub
阅读全文
摘要：promise是什么？ 1、主要用于异步计算 2、可以将异步操作队列化，按照期望的顺序执行，返回符合预期的结果 3、可以在对象之间传递和操作promise，帮助我们处理队列 为什么会有promise？ 为了避免界面冻结（任务） 同步：假设你去了一家饭店，找个位置，叫来服务员，这个时候服务员对你说，对
阅读全文
摘要：const是JavaScript的一种声明方式，如果使用const定义的将是常量，在后续的程序运行中，其值将无法被改变。 const的作用，设置一个固定的常量，它将永远不被改变。
阅读全文
摘要：created:html加载完成之前，执行。执行顺序：父组件-子组件 mounted:html加载完成后执行。执行顺序：子组件-父组件 methods：事件方法执行 watch：watch是去监听一个值的变化，然后执行相对应的函数。 computed：computed是计算属性，也就是依赖其它的属性
阅读全文
摘要：箭头函数 基本语法： ES6允许使用“箭头”（=>）定义函数 var f = a = > a //等同于 var f = function(a){ return a; } 如果箭头函数不需要参数或需要多个参数，就使用一个圆括号代表参数部分。 按 Ctrl+C 复制代码 按 Ctrl+C 复制代码 使
阅读全文
摘要：splice(index,len,[item])它也可以用来替换/删除/添加数组内某一个或者几个值（该方法会改变原始数组） index:数组开始下标 len: 替换/删除的长度 item:替换的值，删除操作的话 item为空 删除： //删除起始下标为1，长度为1的一个值(len设置1，如果为0，则
阅读全文
摘要：URL地址:https://blog.csdn.net/bujiongdan/article/details/81416100
阅读全文
摘要：最好能将上述代码抽取成一个模块(读json数据+写json数据) 1.在src下新建文件夹util(util文件夹用于放入工具的模块) 2.*使用localStorage存储数据的工具模块* 一个模块需要想外暴露某些东西* 1.函数(1个函数为1个功能)* 2.对象(对象可以包含多个功能,因为对象中
阅读全文
摘要：URL地址:https://blog.csdn.net/weixin_44763569/article/details/90201836
阅读全文
摘要：1.组件间的通信4:slot(slot:插槽,就是一个占位) slot用于标签反复使用很多次 1.1理解 此方式用于父组件向子组件传递标签数据, 其他为数据通信 外面组件向里面组件传递标签进去,直接拿我的标签显示数据就行 假如我传递的是数据,我还得映射成标签,才能显示数据 1.2子组件Child.v
阅读全文
摘要：组件订阅与发布(PubSubJS库) npm info pubsub-js 安装库 npm install --save pubsub -js 1.订阅消息 PubSub.subscribe('msg',function(msg,data){}) 2.发布消息 PubSub.publish('msg
阅读全文
摘要：自定义事件: 我们知道,父组件使用prop传递数据的子组件,但子组件怎么跟父组件通信呢? 这个时候Vue的自定义事件系统就派得上用场了. 自定义事件知道两件事: (1).绑定 (2).触发 注意:$on(eventName,回调函数) 之前App.vue和TodoHeader.vue组件之间传递信息
阅读全文
摘要：当刷新页面时,会变为原来的状态 1.问题:当我刷新是不希望改变原来状态 需要缓存我当前的数据 2.究竟是缓存在内存里还是在文件里??? 缓存在文件里,因为浏览器关闭了,内存就没了;而我们需要重新打开浏览器状态还在 可以用localStorage这种本地技术(本质是缓存在文件里) 3.存储带来的问题
阅读全文
摘要：需要实现界面截图: 难点分析:sAllCheck必须定义为计算属性 1.想到问题: 一旦写一个组件,需要接收哪些属性?? 因为只有属性确定了,标签才好写 todos属性可以确定三个方面的显示 2.做交互("删除已完成任务":接收一个函数) 3.在App.vue中改标签 传:todos和两个函数 4.
阅读全文
摘要：删除一条;1.鼠标移入移除这一条时颜色有变化 2.删除当前的todo 显示隐藏背景的变化,首先加监听 1.区别两对属性; onmouseenter="" onmouseleave=""onmouseover="" onmouseout=""区别: (1).进来的时候mouseenter和mouseo
阅读全文
摘要：TodoHeader.vue组件 写交互: 第一步:跟目标元素绑定监听 (1).按回车键确认@keyup.enter="add" (2). 注意:数据在哪个组件,更新数据的行为就应该定义在哪个组件 (3).更新父组件状态 (4).将函数传递给TodoHead.vue组件 (5).在TodoHeade
阅读全文
浙公网安备 33010602011771号