<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!--Vue安装-->
<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
</head>
<body>
<div id="app">
<input v-model="message">
<div>{{reMessage}}</div>
</div>
</body>
<script>
let vue = new Vue({
el: "#app",
data: {
message: "abc"
},
//这里是methods不是method
methods: {},
computed: {
reMessage: function () {
return this.message.split('').reverse().join('')
}
}
});
</script>
</html>
Vue(八)计算属性
原创wx5c08995b28fc1 博主文章分类:vue ©著作权
文章标签 vue.js elementui javascript html Vue 文章分类 JavaScript 前端开发
上一篇:Vue(三)条件判断
下一篇:Vue(十)Style绑定
-
【Vue】—计算属性
【Vue】—计算属性
vue css js -
Vue核心④(计算属性)
现在我们做一个小案例,如下图所示:我们创建三个input框,其中
vue.js javascript 前端 数据 缓存 -
Vue的计算属性和监视属性
vue中的计算属性和监视属性
回调函数 数据 赋值 -
Vue 计算属性-姓名案例
姓名案例-插值语法实现姓名案例-methods实现姓名案例-计算属性实现计算属性简写
vue javascript html 数据