Microsoft Windows [版本 6.1.7601]
版权所有 (c) 2009 Microsoft Corporation。保留所有权利。
C:\Users\Administrator>cnpm -v
internal/modules/cjs/loader.js:638
throw err;
^
Error: Cannot find module 'node:util'
at Function.Module._resolveFilename (internal/modules/cjs/loader.js:636:15)
at Function.Module._load (internal/modules/cjs/loader.js:562:25)
at Module.require (internal/modules/cjs/loader.js:692:17)
at require (internal/modules/cjs/helpers.js:25:18)
at Object.<anonymous> (C:\Users\Administrator\AppData\Roaming\npm\node_modul
es\cnpm\bin\cnpm:3:15)
at Module._compile (internal/modules/cjs/loader.js:778:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:789:10)
at Module.load (internal/modules/cjs/loader.js:653:32)
at tryModuleLoad (internal/modules/cjs/loader.js:593:12)
at Function.Module._load (internal/modules/cjs/loader.js:585:3)
C:\Users\Administrator>
安装vue2时安装淘宝的镜像一直失败
Microsoft Windows [版本 6.1.7601]
版权所有 (c) 2009 Microsoft Corporation。保留所有权利。
C:\Users\Administrator>cnpm -v
internal/modules/cjs/loader.js:638
throw err;
^
Error: Cannot find module 'node:util'
at Function.Module._resolveFilename (internal/modules/cjs/loader.js:636:15)
at Function.Module._load (internal/modules/cjs/loader.js:562:25)
at Module.require (internal/modules/cjs/loader.js:692:17)
at require (internal/modules/cjs/helpers.js:25:18)
at Object.<anonymous> (C:\Users\Administrator\AppData\Roaming\npm\node_modul
es\cnpm\bin\cnpm:3:15)
at Module._compile (internal/modules/cjs/loader.js:778:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:789:10)
at Module.load (internal/modules/cjs/loader.js:653:32)
at tryModuleLoad (internal/modules/cjs/loader.js:593:12)
at Function.Module._load (internal/modules/cjs/loader.js:585:3)
C:\Users\Administrator>npm install -g cnpm --registry=https://registry.npm.taoba
o.org
C:\Users\Administrator\AppData\Roaming\npm\cnpm -> C:\Users\Administrator\AppDat
a\Roaming\npm\node_modules\cnpm\bin\cnpm
npm WARN urllib@2.41.0 requires a peer of proxy-agent@^5.0.0 but none is install
ed. You must install peer dependencies yourself.
+ cnpm@9.2.0
updated 249 packages in 48.66s
C:\Users\Administrator>
`
【相关推荐】
通过Object.defineProperty() 对属性的读取、修改进行拦截。
Object.defineProperty(obj,'name', {
get() {},
ser() {}
})
存在问题:
由于只有get()、set() 方式,所以只能捕获到属性读取和修改操作,当 新增、删除属性时,捕获不到,导致界面也不会更新。
直接通过下标修改数组,界面也不会自动更新。
解决办法
<script>
export default {
data() {
return {
obj: {
name: '李华',
age: 16
}
}
},
methods: {
// 添加属性
addSex() {
// 当我们这样新增属性时,界面是不会有变化的
this.obj.sex = '男'
// 我们要这么去添加属性,页面才会有变化
this.$set(this.obj, 'sex', '男')
}
// 删除属性
deleteName() {
// 当我们这样删除属性时,界面是不会有变化的
delete this.obj.name
// 我们要这么去删除属性,页面才会有变化
this.$delete(this.obj, 'name')
}
}
}
</script>