基本無害-CSDN博客

原创 Vue的组件基础

组件是Vue比较核心的概念，可以定义一个公共组件在其他页面复用，下面介绍一下组件的基本语法。1、比如我们想定义一个按钮，并显示出点击了多少次。<template> <button @click="count++">You Clicked me {{ count }} times</button></template><script> export default{ name: 'bbb', data () { re

2021-04-26 16:14:17 104

原创 Vue的重要语法

1、事件指令用v-on监听DOM事件，用来监听事件触发时运行JS代码。<button @click="count++">{{count}}赞了我</button><p>The button above has been clicked {{ count }} times.</p>data(){ return { count: '1', } }a）事件处理方法 & 定义事件的语法●最基本的用法.

2021-04-22 14:11:51 105

原创 Vue的基本语法

1、插值a）文本 {{}}<span>Message: {{msg}}</span><span v-once>这个值不会改变 {{msg}}</span>b）原始HTML双大括号将数据解释为文本，当使用v-h.

2021-04-16 10:33:29 725

原创初识Vue的生命周期

Vue的生命周期Vue实例有一个完整的生命周期：开始创建、初始化数据、编译模板、挂载DOM、渲染---更新---渲染、卸载等一系列过程。而钩子函数就是在某个阶段给你一个做某些处理的机会。1、beforeCreate（创建前）在实例初始化（new Vue）之后，在数据监听（data）和事件（methods）配置之前被调用。此时组件的选项对象还未创建，因此el和data并未初始化，无法访问methode、data、computed等上的方法和数据。2、created（创建后）实例已经创建

2021-04-15 14:44:29 85

原创 Promise

Promise的介绍实际上我是没太看懂，大概的意思就是用来解决回调地狱。它作为一个对象，构造函数的参数要求是一个函数，而且这个函数的两个参数又分别是两个函数resolve和reject。贴个代码看看：let promise = new Promise(function (resolve, reject) { });因为我目前还处于学习理论阶段，没有接触过实际应用场景，所以解读promise很有困难。只能先做做笔记真正用到的时候再回来看。我的理解大概是：在我们定义一个方..

2021-04-09 11:05:31 71

原创箭头函数

箭头函数1、最简单的，只有一个入参，返回语句也只有一句的，可以这么写。可以理解为入参 =>出参 let f1 = v => v; console.log(f1(3)); //3 //等同于 let f2 = function(v) { return v; }; console.log(f2(2)); //2...

2021-04-08 14:20:20 1191

原创 rest参数与拓展运算符

1、ES6引入rest以代替arguments对象那么先学习一下什么是arguments：首先要明白arguments是一个数组。js在设计函数时，会用arguments来储存参数。即使在定义函数时没有定义入参，也会默认用arguments来储存实际调用时传过来的所有参数。 function f01() { console.log(arguments[0]); console.log(arguments[1]); console.log(arg

2021-04-08 11:13:42 851

原创解构赋值

普通的解构赋值就不详细说了，说一说特殊情况1、不完全解构（等号两边模式相同，但是变量数量不同或解构的值的数量不同） a、需要被赋值变量的数量 >解构的值的数量let [a] = []; console.log(a); //undefinedlet [a,b] = [1];console.log(a); //1console.log(b);//undefined 相当于找不到座位的小朋友就得undefined。 ...

2021-04-07 16:58:13 189

原创对let产生暂时性死区的理解

1、我们知道let是块级变量，跨块访问会报错，原因是什么？为什么var不报错因为var有预处理机制，也就是变量提升；声明提前指的是，不管变量被声明在函数什么位置，这些声名都会被提升至函数顶部。比如 var a = 1; 会把var a; 提升到函数顶部。赋值在原位置不动。2、这里容易产生一个误区，就是我在代码块外部var声明一个 a，在块里第一行使用，然后第二行写一个let a;这个时候也会ReferenceError。原因是ES6 规定代码块里的元素，会产生暂时性死区（TDZ）

2021-04-07 14:41:33 596

weixin_41563657的博客