- 博客(12)
- 收藏
- 关注
原创 Vue-Prop
文章目录一、概述二、传递静态Prop三、传递动态Prop四、Prop验证五、Prop验证的类型六、非 Prop 的 Attribute七、禁用 Attribute继承一、概述prop 是子组件用来接受父组件传递过来的数据的一个自定义属性。父组件的数据需要通过 props 把数据传给子组件,子组件需要显式地用 props 选项声明 “prop”。二、传递静态Prop给 prop 传入一个静态的值:案例: <div id="app"> <apple-s titl
2020-11-11 19:55:08
188
原创 JS-字符串方法
文章目录一、字符串方法和属性1.1 字符串长度length1.2 查找字符串中的字符串indexOf()lastIndexOf1.3 检索字符串中的字符串search()1.4 提取部分字符串slice() 方法substring() 方法substr()方法1.5 替换字符串内容replace()1.6 转换为大写和小写toUpperCase()toLowerCase()1.7 删除字符串两端的空白符trim()1.8 提取字符串字符charAt() 方法charCodeAt() 方法1.9 把字符串转换
2020-11-10 23:24:33
340
1
原创 Vue-组件注册
文章目录一、概述1.1 语法1.2 注册全局组件1.3 注册局部组件1.4 通过Prop向子组件传递数据1.5 动态 Prop1.6 组件的复用1.7 注册组件中data必须是一个函数一、概述组件(Component)是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。1.1 语法语法格式如下: Vue.component(tagName, options) tagName 为组件名,options 为配置选项。1.2 注册全局组件所有实例都能用全局组件
2020-11-09 20:00:12
163
原创 Vue-表单输入绑定
文章目录一、基本语法1.1 输入框1.2 多行文本框1.3 单选框1.4 复选框1.5 选择框二、v-model修饰符.lazy.number.trim一、基本语法使用 v-model 指令在表单控件元素上创建双向数据绑定。(只能用于表单元素上)它负责监听用户的输入事件以更新数据,并对一些极端场景进行一些特殊处理。例如:<input>、<textarea>、<select>元素上创建双向数据绑定。1.1 输入框案例: <div id="app"&g
2020-11-05 18:17:58
179
原创 js-正则表达式
文章目录一、概述1.1 什么是正则表达式?1.2 语法二、使用字符串的方法2.1 search() 方法2.2 replace() 方法三、正则表达式修饰符四、正则表达式模式五、使用 RegExp 对象5.1 使用 test()5.2 使用 exec()六、常用实例一、概述正则表达式(英语:Regular Expression,在代码中常简写为regex、regexp或RE)使用单个字符串来描述、匹配一系列符合某个句法规则的字符串搜索模式。搜索模式可用于文本搜索和文本替换。1.1 什么是正则表达式?
2020-11-04 01:06:18
392
原创 Vue-监听属性和事件处理
目录一、事件处理1.1 v-on指令监听单击事件1.2 事件修饰符1.3 按键修饰符二、监听属性2.1 监听属性实现动态计数器2.2 监听属性实现动态单位换算一、事件处理可以用 v-on 指令监听 DOM 事件,并在触发时运行一些 JavaScript 代码。1.1 v-on指令监听单击事件案例1: <div id="app"> <button v-on:click="count++">点击一次</button> <p>
2020-11-01 22:33:27
496
1
原创 Vue的计算属性和样式绑定
目录一、计算属性1.1 概述及作用1.2 为何需要用到计算属性?1.3 computed与methods的区别1.4 computed setter二、样式绑定2.1 class 属性绑定2.1.1 绑定单个class2.1.2 绑定多个class2.1.3 绑定class对象2.1.4 绑定class数组2.2 绑定内联样式(style)2.2.1 直接设置样式2.2.2 绑定样式对象2.2.3 绑定多个样式对象一、计算属性1.1 概述及作用模板内的表达式非常便利,但是设计它们的初衷是用于简单运算的
2020-10-30 21:24:58
1087
原创 Vue-基础使用
目录一、概述1.1 Vue.js是什么?1.2 如何引入vue?二、基本语法2.1 如何创建Vue应用?2.2 如何声明式渲染?2.3 什么是Vue的响应式?三、Vue指令3.1 v-pre指令3.2 v-once指令3.3 v-text指令3.4 v-html指令3.5 v-if和v-else指令3.6 v-else-if指令3.7 v-show指令一、概述1.1 Vue.js是什么?Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue
2020-10-29 18:30:10
219
1
原创 ES6-Set和Map的使用
目录Set1.1 特点1.2 方法1.3 案例Map2.1 属性2.2 方法2.3 案例前言当我们需要存储一些数据的时候,首先想到的是定义一个变量用来存储,之后我们可能学了数组,发现数组比变量可以存储更多的数据,接着可能有其它的存储数据的方法等等,然而我今天需要介绍的是在ES6中比较常见使用的数据类型结构,Set和Map。SetES6中提供了Set数据容器,这是一个能够存储无重复值的有序列表。1.1 特点set中成员的值都是唯一的,没有重复的值向set中添加成员时,不会发生类型转换向set
2020-10-28 18:14:57
229
原创 JS-属性描述符
目录一、概述1.1 什么是属性描述符?1.2 如何获取属性描述符?1.2.1 获取单个属性的属性描述符1.2.2 获取多个属性的属性描述符1.3 如何设置属性描述符?二、数据描述符三、存储描述符一、概述1.1 什么是属性描述符?属性描述符(Property Descriptor)是 ES5 之后出现的概念,顾名思义,它用于描述属性应该是什么样,例如是否只读,能否枚举,能否可配置等。所有对象属性均可使用属性描述符来定义。1.2 如何获取属性描述符?1.2.1 获取单个属性的属性描述符Object
2020-10-27 21:00:40
193
原创 ES6-Promise用法
目录一、概述1.1 什么是Promise?1.2 为什么要使用Promise?1.2.1 案例二、异步操作阶段三、Promise 状态3.1 状态的特点3.2 状态的缺点四、Promise的基本用法4.1 基本用法4.2 基本API4.2.1 .then()4.2.2 .catch()一、概述1.1 什么是Promise?是异步编程的一种解决方案。从语法上说,Promise 是一个对象,从它可以获取异步操作的消息。1.2 为什么要使用Promise?1.2.1 案例request('test1.
2020-10-26 22:43:04
95
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人