首页 > TAG信息列表 > 温开水

十三、列表渲染————温开水的复习笔记

一、基本列表 v-for指令 （1）用于展示列表 （2）语法：<li  v-for = "(item , index) in items" , :key="index" > {{ item }} </li> （3）可遍历：数组、对象、字符串、指定次数 示例代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8">

十一、天气案例————温开水的复习笔记

一、原生JavaScript <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>天气案例(原生JavaScript)</title> </head> <body> <div id="root"> 今天天气很<h2 id="weather

九、Vue事件案例————温开水的复习笔记

题目 在两个输入框中输入文字就在下面的全名栏中实时显示，有间隔符，要符合实际应用需求 方法一、原生JavaScript（无思想） 需求：两个框中的文字会被实时获取并展现在全名栏中。也就是两个框中的值会在全名栏中显示。 方法：获取input节点对象，绑定键盘事件 代码： <!DOCTYPE html> <html>

八、事件处理————温开水的复习笔记

前言 这次的笔记比较杂 一、Vue中事件的基本使用 （一）回顾原生JavaScript中的事件使用 三要素         获取事件源（哪个对象被触发）         绑定事件，事件类型（怎么触发，点击还是键盘输入等等）         添加事件处理程序（要运行什么） 这样使用事件比较复杂，待会