<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="js/vue.js"></script> </head> <body> <div id="app"> <p>姓名:{{ fullname }}</p> <button @click="change()">修改姓名</button> </div> <script> let vm = new Vue({ el:'#app', data:{ surname:'韦', name:'小宝' }, computed:{ // 计算属性的简写形式~ // fullname:function(){ // return this.surname+this.name // } //计算属性的完整写法~ fullname:{ // 计算属性的gitter get: function(){ return this.surname+this.name }, // 计算属性的setter,用于设置计算属性的值~ set: function(value){ //value用来保存计算属性的新值,在这个程序value的值就是 张无忌~ this.surname = value[0] //取出张 这个字~ this.name = value.substr(1,2) //取出 无忌 这两个字~ } } }, methods:{ change:function(){ this.fullname = '张无忌' } } }) </script> </body> </html>
vue.js计算机属性02
2022-11-08
122
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
vue.js计算机属性02
相关文章
|
17天前
|
监控
JavaScript
前端开发
确定使用 `defer` 属性还是 `async` 属性来异步加载 JavaScript
【10月更文挑战第24天】选择使用 `defer` 属性还是 `async` 属性来异步加载 JavaScript 是一个需要综合考虑多个因素的决策。需要根据脚本之间的依赖关系、页面加载性能要求、脚本的功能和重要性等因素来进行权衡。在实际应用中，需要通过测试和验证来确定最适合的加载方式，以提供更好的用户体验和页面性能。
85
56
56
|
5天前
|
存储
缓存
JavaScript
如何在大型 Vue 应用中有效地管理计算属性和侦听器
在大型 Vue 应用中，合理管理计算属性和侦听器是优化性能和维护性的关键。本文介绍了如何通过模块化、状态管理和避免冗余计算等方法，有效提升应用的响应性和可维护性。
18
7
7
|
17天前
|
监控
JavaScript
前端开发
使用 `defer` 属性异步加载 JavaScript
【10月更文挑战第24天】使用 `defer` 属性异步加载 JavaScript 是一种有效的提高页面性能和用户体验的方法。通过合理设置 `defer` 属性，可以在不影响页面渲染的情况下异步加载脚本，并确保脚本的执行顺序。在实际应用中，需要根据具体情况选择合适的加载方式，并注意处理可能出现的问题，以确保页面能够正常加载和执行。
10
1
1
|
1月前
|
监控
JavaScript
开发者
在 Vue 中，子组件为何不可以修改父组件传递的 Prop，如果修改了，Vue 是如何监控到属性的修改并给出警告的
在 Vue 中，子组件不能直接修改父组件传递的 Prop，以确保数据流的单向性和可预测性。如果子组件尝试修改 Prop，Vue 会通过响应式系统检测到这一变化，并在控制台发出警告，提示开发者避免这种操作。
52
3
3
|
1月前
|
移动开发
JavaScript
前端开发
|
1月前
|
JavaScript
前端开发
开发者
VUE学习一：初识VUE、指令、动态绑定、计算属性
这篇文章主要介绍了Vue.js的基础知识，包括初识Vue、指令如v-for、v-on的使用、动态属性绑定（v-bind）、计算属性等概念与实践示例。
60
1
1
|
30天前
|
缓存
JavaScript
Serverless
|
1月前
|
存储
JavaScript
前端开发
|
1月前
|
缓存
JavaScript
前端开发
|
4月前
|
JavaScript
Java
测试技术
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
95
2
2
热门文章
最新文章
1
vite 如何做到让 vue 本地开发更快速？
2
VS Code书写vue项目配置 eslint+prettier 统一代码风格
3
自制简单的range（Vue）
4
vite原理之解析.vue文件
5
vue 里怎么使用 echarts 实现地图自动轮播功能、自定义 tooltip 悬浮位置提示、自定义 label 标签位置样式？
6
Vue3中的jsx的简单体验，在vue3中使用jsx语法
7
vue里怎么使用pdf.js实现pdf文件的预览功能
8
vue3的动态组件 component （点击顶部切换下面展示对应的组件内容）
9
毕业设计｜基于NODE+VUE的校园跑腿平台系统
10
vue刷新当前页面
1
前端框架与库 - Vue.js基础：模板语法、数据绑定
134
2
《JavaScript权威指南第7版》中文PDF+英文PDF+源代码 +JavaScript权威指南(第6版)(附源码)PDF下载阅读分享推荐
271
3
js【详解】arr.reduce() 数组缩减
47
4
【vue】 vue2 | js 实现数字滚动效果
107
5
【vue】 网站动态背景 | vanta.js的使用
418
6
JavaScript进阶-JavaScript库与框架简介
58
7
DVWA JavaScript 通关解析
67
8
WEB三大主流框架之Vue.js
45
9
断网之后的页面，Autox.js是点击还是上下滑动比较好？
60
10
autox.js如何监听异常情况，比如网络中断、内存慢、应用死机或者页面无响应
221