Vue(六)Vue中的计算属性和侦听器-白红宇

Vue(六)Vue中的计算属性和侦听器

阅读量：323 次

发布时间：2019-03-04

本文共 602 字，大约阅读时间需要 2 分钟。

练习

<!DOCTYPE html><html>	<head>		<meta charset="utf-8">		<title>计算属性与侦听器</title>		<script src="./vue.js"></script>	</head>	<body>		<div id="root">			姓：<input v-model="firstName" />			名：<input v-model="lastName" />			<div>{   {   fullName}}</div>			<div>{   {   count}}</div>		</div>		<script>			new Vue({   				el: "#root",				data:{   					firstName:'',					lastName:'',					count:0				},				computed:{   					fullName:function(){   						return this.firstName +''+ this.lastName					}				},				watch:{   					fullName:function(){   						this.count++					}				}							})		</script>	</body></html>

效果图

在这里插入图片描述

转载地址：http://frnh.baihongyu.com/

你可能感兴趣的文章

操作系统启动过程

C/C++分文件编写

80x86指令系统-1-数据传送指令

C语言+easyX图形库的推箱子实现

结构体内存偏移量

应用程序与dll的静态库通信

反汇编-流程控制语句-2-循环控制语句分析

调试vs2019代码的流程

游戏外挂基础-概述

脱壳与加壳-加壳-6-代码实现加密导入表

Typora配置PicGo时，提示Failed to fetch

Windows 7 安装 .NET 5 / .NET Core 3.1 环境的方法和依赖文件

ASP.NET Core 使用 URL Rewrite 中间件实现 HTTP 重定向到 HTTPS

ASP.NET CORE MVC 实现减号分隔(Kebab case)样式的 URL

SQL优化 MySQL版 -分析explain SQL执行计划与笛卡尔积

python的map函数

包含目录、库目录、附加包含目录、附加库目录、附加依赖项之详解