随笔分类 - Vue
摘要:vue组件通信方式全面详解 众所周知,Vue主要思想就是组件化开发。因为,在实际的项目开发中,肯定会以组件的开发模式进行。形如页面和页面之间需要通信一样,Vue 组件和组件之间肯定也需要互通有无、共享状态。接下来,我们就悉数给大家展示所有 Vue 组件之间的通信方式。 组件关系 App组件和A组件、
阅读全文
摘要:1.setTimeout/ setInterval 场景一 :this指向改变无法用this访问vue实例 解决方法 :使用箭头函数或者缓存this setInterval路由跳转继续运行并没有销毁 场景一 :比如一些弹幕,走马灯文字,这类需要定时调用的,路由跳转之后,因为组件已经销毁了,但是set
阅读全文
摘要:vue的介绍 前端框架和库的区别 nodejs的简单使用 vue的起步 指令系统 组件的使用 过滤器的使用 watch和computed 钩子函数 渐进式的JavaScript框架 vue react angualr 作者:尤雨溪 facebook 谷歌公司 文档:中文 建议:如果你想学好vue 1
阅读全文
摘要:打开Nodejs英文网:https://nodejs.org/en/ 中文网:http://nodejs.cn/ 我们会发现这样一句话: 翻译成中文如下: Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使用了一个事件驱动、非阻塞式 I/O
阅读全文
摘要:JavaScript 语言中,生成实例对象的传统方法是通过构造函数。 上面这种写法跟传统的面向对象语言(比如 C++ 和 Java)差异很大,很容易让新学习这门语言的程序员感到困惑。 ES6 提供了更接近传统语言的写法,引入了 Class(类)这个概念,作为对象的模板。通过class关键字,可以定义
阅读全文
摘要:对象的单体模式 为了解决箭头函数this指向的问题 推出来一种写法 对象的单体模式
阅读全文
摘要:箭头函数 基本语法: ES6允许使用“箭头”(=>)定义函数 如果箭头函数不需要参数或需要多个参数,就使用一个圆括号代表参数部分。 使用箭头函数注意点: 箭头函数有几个使用注意点。 (1)函数体内的this对象,就是定义时所在的对象,而不是使用时所在的对象。 我们发现,打印的结果为 此时this指向
阅读全文
摘要:模板字符串 传统的JavaScript语言,输出模板通常是这样的写的。 上面这种写法相当繁琐不方便,ES6 引入了模板字符串解决这个问题。 模板字符串(template string)是增强版的字符串,用反引号(`)标识。它可以当作普通字符串使用,也可以用来定义多行字符串,或者在字符串中嵌入变量 上
阅读全文
摘要:起步 1.扎实的HTML/CSS/Javascript基本功,这是前置条件。 2.不要用任何的构建项目工具,只用最简单的<script>,把教程里的例子模仿一遍,理解用法。不推荐上来就直接用 vue-cli 构建项目,尤其是如果没有 Node/Webpack 基础。 另外在这里大家补充点ES6的语法
阅读全文