冲啊！ - 博客园

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 冲啊！阅读(211) 评论(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 冲啊！阅读(164) 评论(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 冲啊！阅读(418) 评论(0) 推荐(0) 编辑

519 vue父子组件的通信概述

摘要：阅读全文

posted @ 2020-08-20 16:30 冲啊！阅读(134) 评论(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 冲啊！阅读(167) 评论(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 冲啊！阅读(175) 评论(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 冲啊！阅读(126) 评论(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 冲啊！阅读(142) 评论(0) 推荐(0) 编辑

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

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

posted @ 2020-08-20 16:11 冲啊！阅读(248) 评论(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 冲啊！阅读(256) 评论(0) 推荐(0) 编辑

512 高阶函数 filter、map、reduce

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

posted @ 2020-08-20 16:02 冲啊！阅读(168) 评论(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 冲啊！阅读(340) 评论(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 冲啊！阅读(152) 评论(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 冲啊！阅读(640) 评论(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 冲啊！阅读(149) 评论(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 冲啊！阅读(245) 评论(0) 推荐(0) 编辑

508 v-bind：基础，语法糖，绑定class，绑定style

摘要： v-bind介绍前面我们学习的指令主要作用是将值插入到我们模板的内容当中。但是，除了内容需要动态来决定外，某些属性我们也希望动态来绑定。比如动态绑定a元素的href属性比如动态绑定img元素的src属性这个时候，我们可以使用v-bind指令：作用：动态绑定属性缩写：预期：any (w 阅读全文

posted @ 2020-08-18 11:39 冲啊！阅读(298) 评论(0) 推荐(0) 编辑

507 Mustache，v-once，v-html，v-text，v-pre，v-cloak

摘要： Mustache 如何将data中的文本数据，插入到HTML中呢？我们已经学习过了，可以通过Mustache语法(也就是双大括号)。 Mustache: 胡子/胡须. 我们可以像下面这样来使用，并且数据是响应式的 v-once 但是，在某些情况下，我们可能不希望界面随意的跟随改变这个时候，我们就阅读全文

posted @ 2020-08-18 11:34 冲啊！阅读(159) 评论(0) 推荐(0) 编辑

506 vue生命周期-初步了解

摘要： ![](https://img2020.cnblogs.com/blog/1877004/202008/1877004-20200818112630880-945020937.png) ![](https://img2020.cnblogs.com/blog/1877004/202008/1877004-20200818112942320-483388593.png) 阅读全文

posted @ 2020-08-18 11:30 冲啊！阅读(152) 评论(0) 推荐(0) 编辑

505 创建Vue实例传入的options-初步

摘要：你会发现，我们在创建Vue实例的时候，传入了一个对象options。这个options中可以包含哪些选项呢？详细解析： https://cn.vuejs.org/v2/api/#%E9%80%89%E9%A1%B9-%E6%95%B0%E6%8D%AE 目前掌握这些选项：（1）el 类型：st 阅读全文

posted @ 2020-08-18 11:25 冲啊！阅读(190) 评论(0) 推荐(0) 编辑