文章目录一、功能二、分析二、实现三、运行结果一、功能1、界面上两个输入框，一个用来输入姓名，一个用来输入城市2、第二行是一个段落，用来做自我介绍，显示刚才输入的姓名和城市3、第三行是一个段落，用来统计自我介绍改变的次数，自我介绍改变一次，统计次数就加一二、分析1、输入框：需要双向绑定 v-model2、自我介绍：由姓名和城市得来，是计算属性 computed3、改变次数：需要对属性...
一、功能
1、界面上两个输入框，一个用来输入姓名，一个用来输入城市
2、第二行是一个段落，用来做自我介绍，显示刚才输入的姓名和城市
3、第三行是一个段落，用来统计自我介绍改变的次数，自我介绍改变一次，统计次数就加一
二、分析
1、输入框：需要双向绑定 v-model
2、自我介绍：由姓名和城市得来，是计算属性 computed
3、改变次数：需要对属性监听 watch
二、实现
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>计算属性</title>
<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
</head>
<body>
<div id="introduce">
姓名：<input v-model="name">
城市：<input v-model="city">
<p>介绍：{
{content}}</p>
<p>改变次数统计：{
最低0.47元/天 解锁文章
233
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
