vue响应式原理
【vue响应式原理】响应式原理基于Object.define(object, propertyname, descriptor)方法
object: 要添加和修改属性的对象,必需
propertyname:要添加和修改的属性,必需
descriptor: 属性描述符。
let data = https://www.it610.com/article/{}
let initValue ='初始值'
Object.defineProperty(data, 'title', {
get() {
return initValue
},
set(newValue){
DOM.innerText = newValue
initValue= https://www.it610.com/article/newValue
}
})
这样改变 data对象title属性值,DOM元素的内容也随之变化
插图
文章图片
1 .png
文章图片
2.png
推荐阅读
- vue-cli|vue-cli 3.x vue.config.js 配置
- 2020-04-07vue中Axios的封装和API接口的管理
- 关于QueryWrapper|关于QueryWrapper,实现MybatisPlus多表关联查询方式
- mybatisplus|mybatisplus where QueryWrapper加括号嵌套查询方式
- (七)谈条件
- 视频转换器哪种好用()
- Python爬虫|Python爬虫 --- 1.4 正则表达式(re库)
- 与狗狗的相处公式
- 康德式公平倾向
- 种树郭橐驼传(文言句式+古今异义+词类活用+通假字)