- 博客(33)
- 收藏
- 关注
原创 npm-install 命令报错4048的几种情况和解决方法
使用了管理员权限,但是安装vue-cil时出现该种情况,输入webpack-v不显示webpak版本号——删除已安装的webpack-cli,安装webpack的时候@版本号,再次输入webpack-v,若显示webpack版本号,则继续安装vue-cil则不会出现报错。创建项目时出现该种报错,此时绝对不是未使用管理员权限,因为创建项目的时候根本不需要使用管理员权限——删除c盘中的.npmrc即可,重新创建项目就不会报错了。未使用管理员权限,使用管理员权限即可。
2023-03-22 11:03:24
1896
1
原创 输入webpack -v不显示webpack版本号
这里出现这种报错绝对不是没有使用管理员权限造成的,而是因为安装webpack-cli的时候没有@版本号。所以安装webpack-cli的时候需要@你所需要的版本号。输入webpack -v,可以看到现在已经显示版本号了。如果不注意,在后面安装vue脚手架的时候会报错。此时需要删除之前安装的webpack-cli。
2023-03-22 10:51:14
3595
5
原创 vue安装与配置以及vue2和vue3共存
此外,在webpack 4x以上,webpack将命令相关的内容都放到了webpack-cli,所以还需要安装webpack-cli。安装后进入node_modules下的.bin目录,进入后将原来的vue和vue.cmd重命名,如下所示。具体步骤跟安装vue3的脚手架类似,但是安装脚手架的命令不一样,vue2的命令如下。2.点击系统变量下面的新建,新建环境变量,变量值为自己新建的node_cache。点击系统变量中的path,点击右侧新建名称为%NODE_PATH%,然后一路确定。
2023-03-22 10:17:31
3451
1
原创 vue学习笔记(18)——深度监视
Vue自身可以监测对象内部值的改变,但Vue提供的watch默认不可以。使用watch时根据数据的具体结构,决定是否采用深度监视。Vue中的watch默认不监视对象内部值的改变(一层)配置deep.true可以监测对象内部值改变(多层)
2023-02-01 20:48:52
109
原创 vue学习笔记(17)——监视属性
当监视属性变化时,回调函数自动调用,进行相关操作。new.Vue时传入watch配置。监视属性必须存在,才能进行监视。通过vm.$watch监视。
2023-02-01 20:10:38
61
原创 vue学习笔记(14)——计算属性
原理:底层借助了Object.defineproperty方法提供的getter和setter。如果计算属性要修改,那必须写set函数去响应修改,且set中要引起计算时依赖的数据发生改变。优势:与methods实现相比,内部有缓存机制(复用),效率更高,测试方便。定义:要用的元素不存在,要通过已有属性计算得来。如果属性最终会出现在vm上,直接读取使用即可。当依赖的数据发生改变时会被再次调用。get函数什么时候执行?初次读取时会执行一次。
2023-02-01 16:42:55
171
原创 vue学习笔记(11)——键盘事件
Vue为提供别名的按键,可以使用安检员是的key值去绑定,但注意要转为kebab-case(短横线命名)(1)配合keyup使用:按下修饰键的同时,再按下其他键,随后释放其他键,事件才被触发。Vue.config.keyCodes.自定义键名=键码,可以去性质按键别名。系统修饰键(用法特殊):ctrl、alt、shift、meta。(2)配合keydown使用:正常触发事件,按下即触发事件。换行:tab(比较特殊,只能配合keydown使用)删除:delete(捕获“删除”和“退格”键)
2023-02-01 13:27:47
694
原创 vue学习笔记(10)——事件修饰符
self:只有event.target是当前操作的元素时才触发事件。passive:事件的默认行为立即执行,无需等待事件回调执行完毕。whell滚轮滑动,只要滚轮滑动,就触发事件。stop:阻止事件冒泡(常用)多次弹窗。prevent:阻止默认事件(常用)capture:使用事件的捕获方式。scroll:滑动条或上下键滑动。once:事件只触发一次(常用)
2023-02-01 12:18:40
74
原创 vue学习笔记(9)——事件处理
click=“demo”和@click=“demo($event)”效果一致,但后者可以传参。methods中配置的函数,都是被Vue所管理的函数,this的指向是vm或组件实例对象。methods中配置的函数,不要用箭头函数,否则this的指向就不是vm了。使用v-on:xxx或@xxx绑定事件,其中xxx是事件名。事件的回调需要配置在methods对象中,最终会在vm上。
2023-01-28 19:08:35
72
原创 vue学习笔记(8)——Vue中的数据代理
通过Object.defineProperty( )把对象中所有的属性添加到vm上,在getter/setter内部去操作(读/写)data中对应的属性。为每一个添加到vm上的属性,都指定一个getter/setter,通过vm对象来代理data对象中属性的操作(读/写)更加方便的操作data中的数据。
2023-01-28 15:18:13
63
原创 vue学习笔记(5)——理解MVVM
VM:视图模型(ViewModel):Vue实例对象。M:模型(Model):对应data中的数据。V:视图(View):模板。
2023-01-25 19:30:09
78
原创 vue学习笔记(4)——el与data的两种写法
由vue管理的函数,一定不要写箭头函数,一旦写了箭头函数,this就不再是vue实例了。(2)先创建vue实例,随后再通过vm.$mount('#root')指定el值。如何选择:在组件当中,data必须使用函数式,否则会报错。(1)new Vue时要配置el属性。data与el的2种写法。
2023-01-25 18:02:33
58
原创 vue学习笔记(3)——数据绑定
v-model:value可以简写为v-model,因为v-model默认收集的就是value值。双向绑定(v-model):数据不仅能从data流向页面,还可以从页面流向data。双向绑定一般都应用在表单类元素上(如:input、select等)单向绑定(v-bind):数据只能从打他流向页面。
2023-01-25 17:33:38
147
原创 Vue学习笔记(1)——Hello小案例
(1)将容器中的模板拿到vue实例中进行解析,将自己涉及到的内容进行替换,生成一个新的容器,用这个容器代替之前的容器。表达式:一个表达式会产生一个值,可以放在任何一个需要值的地方:(是一个特殊的js语句)2.root容器里的代码依然符合html规范,只不过混入了一些特殊的Vue语法。(3){{xxxx}}中写js表达式,xxxx可以自动读取到data中所以属性。1.想让Vue工作,就必须创建一个Vue实例,且要传入一个配置对象。注意区分:js表达式 和 js代码(语句)(2)容器和实例之间是一对一。
2023-01-25 15:09:01
63
原创 下载Apache Hadoop系统(版本自选),配置系统参数
链接:https://pan.baidu.com/s/1BHOWOQYQI-Lgt8bsbkTOVg?如果jps之后没有显示datanode或者namenode,那么一定是以上某一步发生了错误,顺着往回找找看。根据下图红笔标注,进入hadoop-3.3.4文件夹,并在文件夹中新建文件夹tmp。进入tmp文件夹,新建文件夹dfs,进入dfs新建文件夹name和data。打开文件夹,点击Other Locations,之后点击computer。进入 /usr/local,并新建hadoop。
2022-12-24 20:35:55
396
原创 两台虚拟机如何ping通
点击右下角更改设置→选择桥接模式→最后点击确定。(四)设置两台虚拟机桥接模式(两台虚拟机均进行如下操作)均设置为自动获得IP地址,然后点击确定。虚拟机右键点击设置,找到网络适配器,选择桥接模式。点击添加,添加如下区段,然后一路确定即可。安装完之后进行上述操作就可以获取IP地址。获得ip地址:192.168.10.27。(二)点击菜单栏编辑→虚拟网络编辑器。最后,ctrl+c退出ping。(五)虚拟机ping通。
2022-12-23 00:15:00
14683
4
原创 运行Hadoop自带的wordcount程序
运行share/hadoop/mapreduce/hadoop-mapreduce-examples-3.3.4.jar这个java程序(与自己的Hadoop系统版本对应)查看云端的/data/output/my_wordcount/part-r-00000文件。出现下面六个进程则说明启动成功。
2022-12-21 17:10:52
670
原创 To run a command as administrator (user “root“), use “sudo <command>“.See “man sudo_root“ for detail
解决To run a command as administrator (user "root"), use "sudo ".See "man sudo_root" for details.
2022-12-17 18:18:56
828
原创 vue3报错:You may use special comments to disable some warnings.Use // eslint-disable-next-line to ign
出现了如下报错,尝试了网上所有的方法,既没有找到build,也没有找到 .eslintrc.js文件,但是好在解决了。
2022-11-18 01:29:12
242
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人