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>

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


【相关推荐】



  • 你可以参考下这个问题的回答, 看看是否对你有帮助, 链接: 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>
    

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