【课堂笔记】先行者 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
<!-- -->
下一次课,是第三次课,讲 事件,表单,组件,自定义指令,
在下一次课,把基本的这些方法都讲完,
从第四次课开始,咱们讲实例。
- 无人驾驶的基本算法及简单介绍
- CentOS6.5安装Java 8以及Tomcat8
- Java基础06 组合
- 警告:MySQL-server-5.6.21-1.linux2.6.x86_64.rpm: 头V3 DSA/SHA1 Signature, 密钥 ID 5072e1f5: NOKEY
- MySQL(五)之DDL(数据定义语言)与六大约束
- Java基础08 继承
- 关于python字典类型最疯狂的表达方式
- centos6.5使用yum安装mysql
- Java基础09 类数据与类方法
- MySQL(四)之MySQL数据类型
- JS魔法堂:ASI(自动分号插入机制)和前置分号
- Java基础05 实施接口
- JS魔法堂:函数节流(throttle)与函数去抖(debounce)
- mysql用户管理
- 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 数组属性和方法
- TKinter Label 和 Button
- Java类如何防止被实例化
- PHP中的json_encode和json_decode
- Java重写equals和hashCode方法
- upload-labs第11~12关 00截断
- java 踩雷日记--new
- 用一个通俗易懂的例子彻底说清楚单例模式
- Manytasking Jmetal 代码反向解析 1_MATP 测试函数集
- PHP中的ereg()与eregi()
- Java 用反射实现实体类属性 not null 校验
- 数据结构:用实例分析ArrayList与LinkedList的读写性能
- vue-element-admin上传图片的功能
- Oracle数据误删恢复
- 用斗地主的实例学会使用java Collections工具类
- Command PhaseScriptExecution failed with a nonzero exit code问题解决