【课堂笔记】先行者 3.0版本的vueJs课程的第三次课
时间:2022-04-27
本文章向大家介绍【课堂笔记】先行者 3.0版本的vueJs课程的第三次课,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
今次是vue课程的第3次课,内容大体上是:
一、事件;
在vue当中,事件是使用v-on指令,它可以定义一个方法来调用。
语法:
<input v-on:click="number++" type='button' value='这是一个按钮' />
简写:
<input @click="number++" type='button' value='这是一个按钮' />
二、表单;
用的最多的,就是双向绑定: v-model [ˈmɑ:dl]
text文本、单选&复选框、select下拉列表
三、组件;
它在vue里面是最强大的功能。
一般看页面上的功能,根据这些功能的划分,来界定组件的范围。
例如,
一个桌子,包括桌面、四条腿。那它的组件如何划分?
(1)、桌面;(2)、腿1;(3)、腿2;(4)、腿3;(5)、腿4;
一共五个组件呢?
还是说,
(1)、桌面;(2)四条桌腿;共二个组件呢?
我个人主观的感受,
(1)、组件不要划分的太细,
(2)、组件从我所理解的本质上来看,它是“范围”,是“容器”;它里面所包含的是,你想单独处理的业务逻辑。
<!-- -->
// 在这个例子中,父组件并不参与dom节点的渲染,但它在传值当中却是做一个层级、范围来存在的。但如果你想在dom中找到对应的dom节点,却是没有的。
<!-- -->
组件可以扩展 HTML 元素,封装可重用的代码。
语法:
Vue.component(name,ops);
name:组件名;
ops:组件配置项
调用:
<name></name>
<!-- -->
全局组件,它可以定义在vue的实例之外;
局部组件,定义在vue的实例上,
<!-- 使用props传值,单向数据流 -->
prop父组件向子组件数据的一个自定义属性,
我可以在父组件上自定义props的属性名
组件,并不参与页面dom的渲染,
但在使用props传值的时候,它却是做为容器存在的。
props:传值。
自定义一个属性,感觉跟react的思路是一样一样的
<!-- -->
下次课,把自定义指令、vue的路由讲完。
- CentOS 6 使用 yum 安装MongoDB及服务器端配置
- java处理高并发高负载类网站的优化方法
- 每一个程序员需要了解的10个Linux命令
- php_curl.dll libssh2.dll 始终无法加载的原因 及解决办法
- ant安装、环境变量配置及验证
- MySQL性能优化的最佳20+条经验
- 剑指offer面试题7——用两个栈实现队列
- String类中你不知道的知识
- Hibernate 不同数据库的连接及SQL方言
- Java中被你忽视的四种引用
- 使用Python和R语言从头开始理解和编写神经网络
- 深度学习中训练参数的调节技巧
- 大型网站技术架构!
- 理解js中的原型链,prototype与__proto__的关系
- 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 数组属性和方法
- CentOS7安装配置 Redis的方法步骤
- Linux下Oracle如何导入导出dmp文件详解
- Linux中samba服务器的搭建教程
- linux环境搭建图数据库neo4j的讲解
- Linux编程之ICMP洪水攻击
- linux搭建squid代理服务器的完整步骤
- 使用wget递归镜像网站
- 整理Linux中字符串的相关操作技巧
- Ubuntu 16.04下无法安装.deb的解决方法
- 关于linux中系统输入输出的管理详解
- Linux下IP设置脚本的实例及遇到问题解决办法
- Linux与Windows文件互传(VMWare)
- 如何测试Linux下tcp最大连接数限制详解
- Linux中利用Vim对文件进行密码保护的方法详解
- Linux中禁止用户修改/重置密码