摘要:
转载自:ES6 基础 一、新的变量声明方式 let/const 与var不同,新的变量声明方式带来了一些不一样的特性,其中最重要的两个特性就是提供了块级作用域与不再具备变量提升。 通过2个简单的例子来说明这两点。 { let a = 20; } console.log(a); // a is not 阅读全文
摘要:
一个项目中,根据自己手头分配到的页面,抽出公共的模块或者组件。 下面举例说明: 抽出公共部分,规划模块和组件 列表页 左边栏目列表模块,下翻到底可以刷列表,每个栏目对应一组媒资数据,每个栏目第一屏媒资数据做缓存,用户切换栏目的时候,可以即时展现,增强首屏体验。 右侧媒资展示模块,往下可以翻页,根据盒 阅读全文
摘要:
vue本身不支持发送AJAX请求,需要使用vue-resource(vue1.0版本)、axios(vue2.0版本)等插件实现。 axios是一个基于Promise的HTTP请求客户端,用来发送请求,也是vue2.0官方推荐的,同时不再对vue-resource进行更新和维护。 resource请 阅读全文
摘要:
created时,可用data和prop中的数据。 computed的属性,当在mounted或者dom中使用到时,才会属性的执行代码。 最后是mouted,可使用前面的数据,并且此时才可以操作dom。 watch不会再创建阶段自动执行,除了添加立即执行这个配置项。 加载顺序: 在官方文档中,强调了 阅读全文
摘要:
碰到紧急项目挪别人的vue项目过来直接改,但是vue是18年初看过一遍,18年底再来用,早就忘到九霄云外了,结果丢脸的从打开vue开始学,虽然之前在有道云笔记做了很多记录,然后没有系统整理。所以借这次机会锻炼自己快速上手能力,顺便整理vue相关的资料。 如何快速上手,三个诀窍:去碰问题+提出问题+有 阅读全文
摘要:
HTML5提供的新标签,具有以下特性: 1、该元素天生display:none,同时模板元素内部内容也是隐藏的 2、位置任意,可以在<head>中,也可以在<body>或者<frameset>中。 3、获取template.childNodes是空,想获取里面的伪子元素,使用template.con 阅读全文
摘要:
参考文章:Vue2.0 探索之路——生命周期和钩子函数的一些理解 抛出问题: 我们有时候会在几个钩子函数里做一些事情,那么什么时候做,该在哪个函数里做? 生命周期简介 结合代码看el 和 data以及{{message}}在各钩子函数触发时的变化: ps:下面代码可以直接复制出去执行: 激动人心的时 阅读全文
摘要:
路由文档:https://router.vuejs.org/zh/guide/ 使用vue做spa应用的话,一定会涉及到路由。 安装 安装router插件 router的基本使用步骤 引入router插件——>配置路由——>实例化路由——>根实例注册路由——>页面挂载路由节点 router.js编写 阅读全文