【课堂笔记】先行者 3.0版本的vueJs课程的第二次课
时间:2022-04-27
本文章向大家介绍【课堂笔记】先行者 3.0版本的vueJs课程的第二次课,主要内容包括"><!-- -->、"><!-- -->、"><!-- -->、"><!-- -->、"><!-- -->、基本概念、基础应用、原理机制和需要注意的事项等,并结合实例形式分析了其使用技巧,希望通过本文能帮助到大家理解应用这部分内容。
先用大概二三次课把vue的基本操作、命令都讲一下,
然后接下来会用几次课,会用几个例子,把vue的具体应用讲一下,
然后再用一二次课,结合实例把vuex也讲一下。
整个vue节点的课程的具体时间,这个不太好定。
<!-- -->
上一次课最后讲到了v-if、v-for,条件与循环,
v-for指令,它的格式是,arr in arrs
的这种形式的语法,
在这里,arr相当于是迭代arrs数组时的别名。
它跟原生js的 for in 循环的思路,基本是完全一样。
在vue中,v-for它可以把一个数组循环渲染到一个列表,
看 demo1.html, demo2.html
<!-- -->
如果想输出一个对象当中的键名和值,那么应该这样,
<template v-for="( lis, keys, inx) in vals">...
第二个参数 keys,就是键名
第三个参数 inx,就是索引
看 demo3.html
还可以循环整数,看 demo4.html
<!-- -->
computed,计算,它里面保存的是它所关注的对象的依赖,只要这个依赖发生了变化,它就重新计算(就是会被调用)。
它和methods不一样,methods是明确说明的,当某个click或其它的事件发生时,methods里面的方法会被调用 。
看 demo5.html
<!-- -->
v-bind,指令,
主要用来处理class或style,
根据表达式的结果:false / true,来决定是否绑定
你从很多指令的用法可以感觉到,vueJs里面很强调“配置”。
看 demo6.html、demo7.html
<!-- -->
下一次课,是第三次课,讲 事件,表单,组件,自定义指令,
在下一次课,把基本的这些方法都讲完,
从第四次课开始,咱们讲实例。
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 详细讲解!从JVM直到类加载器
- PyQt5 图形界面-实现按钮监听事件
- Python 技术篇-文件操作:文件的读取和写入
- Salesforce Javascript(一) Promise 浅谈
- Python 技巧篇-英文单词首字母大小写转换功能实例演示,字符串切片实现
- 5千字的SpringMVC总结,我觉得你会需要
- 【原创】Java并发编程系列36 | FutureTask
- React Hooks-useTypescript!
- spring-boot项目优雅的http客户端工具,真香!
- 人人都可以学会生存分析(学徒数据挖掘)
- 谈谈const跟Object.freeze()
- Java String类源码阅读笔记
- 别再用JSON配置文件了
- 什么,你一定要基于FPKM标准化表达矩阵做单细胞差异分析
- Tomcat 9最新版安装与使用手册,tomcat更改端口号,tomcat控制台乱码问题解决方法