vue2的环境配置问题

Question

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>
`

Answer 1

【相关推荐】

• 你可以参考下这个问题的回答, 看看是否对你有帮助, 链接: https://ask.csdn.net/questions/7640940
• 你也可以参考下这篇文章：解决vue2 当中的跨域问题
• 您还可以看一下 李向军老师的vue2.0循序渐进课程中的 vue介绍小节, 巩固相关知识点
  
• 除此之外, 这篇博客: vue2响应式的缺点及解决办法中的 vue2响应式的原理： 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  

  通过Object.defineProperty() 对属性的读取、修改进行拦截。

  Object.defineProperty(obj,'name', {
  	get() {},
  	ser() {}
  })
  

  存在问题：

  • 由于只有get()、set() 方式，所以只能捕获到属性读取和修改操作，当 新增、删除属性时，捕获不到，导致界面也不会更新。

  • 直接通过下标修改数组，界面也不会自动更新。

  解决办法

  • 修改属性时，使用 this.$set()
  • 删除属性时，使用 this.$delete()

  <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>
  

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^