冲啊！ - 博客园

526 Vue CLI相关

该文被密码保护。阅读全文

posted @ 2020-08-23 11:51 冲啊！阅读(2) 评论(0) 推荐(0)

525 Webpack xiangjie

该文被密码保护。阅读全文

posted @ 2020-08-22 20:09 冲啊！阅读(2) 评论(0) 推荐(0)

524 前端模块化

摘要： JavaScript原始功能匿名函数的解决方案使用模块作为出口 CommonJS export基本使用导出函数或类 export default import使用 aaa.js var name = '小明' var age = 18 var flag = true function sum( 阅读全文

posted @ 2020-08-22 20:06 冲啊！阅读(138) 评论(0) 推荐(0)

523 vue组件化高级插槽slot：slot基本使用，具名插槽，编译作用域，作用域插槽

摘要：为什么使用slot 如何封装这类组件：slot slot基本使用 01-slot-插槽的基本使用.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <bod 阅读全文

posted @ 2020-08-22 20:01 冲啊！阅读(360) 评论(0) 推荐(0)

522 vue父子组件的访问方式： $children、$refs、$parent

摘要：父子组件的访问方式： $children、$refs 父子组件的访问方式： $children 父子组件的访问方式： $refs 组件访问-父访问子-children-refs.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="U 阅读全文

posted @ 2020-08-22 19:57 冲啊！阅读(221) 评论(0) 推荐(0)

521 vue子组件向父组件传递数据

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <!-- 【套路：1、通过自定义事件，把父组件的事件传给子组件； 2、在子组件中，通过this.$em 阅读全文

posted @ 2020-08-20 16:38 冲啊！阅读(174) 评论(0) 推荐(0)

520 vue父组件向子组件传递：props基本用法，props数据验证，props中的驼峰标识

摘要： props基本用法 props数据验证 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <!--<cpn v-bind: 阅读全文

posted @ 2020-08-20 16:33 冲啊！阅读(435) 评论(0) 推荐(0)

519 vue父子组件的通信概述

摘要：阅读全文

posted @ 2020-08-20 16:30 冲啊！阅读(156) 评论(0) 推荐(0)

518 vue组件的data是函数，不是对象

摘要：组件可以访问Vue实例数据吗? 组件数据的存放 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <cpn></cpn> 阅读全文

posted @ 2020-08-20 16:21 冲啊！阅读(172) 评论(0) 推荐(0)

517 vue注册组件语法糖，模板的分离写法

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <cpn1></cpn1> <cpn2></cpn2> </div> < 阅读全文

posted @ 2020-08-20 16:18 冲啊！阅读(184) 评论(0) 推荐(0)

516 vue父组件和子组件

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <cpn2></cpn2>  < 阅读全文

posted @ 2020-08-20 16:15 冲啊！阅读(132) 评论(0) 推荐(0)

515 vue全局组件和局部组件

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <cpn></cpn> <cpn></cpn> <cpn></cpn> 阅读全文

posted @ 2020-08-20 16:12 冲啊！阅读(149) 评论(0) 推荐(0)

514 vue组件化开发概述，注册组件的基本步骤

摘要：组件化开发概述内容认识组件化注册组件组件其他补充组件数据存放父子组件通信父级向子级传递子级向父级传递插槽slot 什么是组件化？ Vue组件化思想注册组件的基本步骤注册组件步骤解析 <!DOCTYPE html> <html lang="en"> <head> <meta ch 阅读全文

posted @ 2020-08-20 16:11 冲啊！阅读(266) 评论(0) 推荐(0)

513 v-model：表单绑定，原理，radio，checkbox，select，修饰符，值绑定

摘要： 1.表单绑定v-model <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <input type="text" v-m 阅读全文

posted @ 2020-08-20 16:07 冲啊！阅读(268) 评论(0) 推荐(0)

512 高阶函数 filter、map、reduce

摘要：编程范式: 命令式编程、声明式编程编程范式: 面向对象编程(第一公民:对象)，函数式编程(第一公民:函数) filter、map、reduce filter中的回调函数有一个要求: 必须返回一个boolean值 true: 当返回true时, 函数内部会自动将这次回调的n加入到新的数组中 fals 阅读全文

posted @ 2020-08-20 16:02 冲啊！阅读(172) 评论(0) 推荐(0)

511 条件判断：v-if、v-else-if、v-else，用户登录切换的案例，v-show和v-if的区别

摘要：条件判断 v-if、v-else-if、v-else <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <h2 v-if= 阅读全文

posted @ 2020-08-19 08:54 冲啊！阅读(350) 评论(0) 推荐(0)

513 图书购物车案例

摘要： index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="style.css"> </head> <body> 阅读全文

posted @ 2020-08-19 08:53 冲啊！阅读(161) 评论(0) 推荐(0)

512 循环遍历：v-for遍历数组、对象，组件的key属性，检测数组更新

摘要： v-for遍历数组 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <!--1.在遍历的过程中, 没有使用索引值(下标值阅读全文

posted @ 2020-08-19 08:52 冲啊！阅读(703) 评论(0) 推荐(0)

510 v-on：基础，参数，修饰符

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <h2>{{counter}}</h2> <!--<h2 v-bind: 阅读全文

posted @ 2020-08-19 08:46 冲啊！阅读(155) 评论(0) 推荐(0)

509 vue计算属性：使用，setter和getter，缓存

摘要：什么是计算属性？ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <h2>{{firstName + ' ' + las 阅读全文

posted @ 2020-08-18 12:53 冲啊！阅读(267) 评论(0) 推荐(0)