
Vue
木泽锐
知道的越多,不知道的越多
展开
-
Vue新建项目流程
文章目录vue安装步骤:npm run dev 和npm run server区别:vue安装步骤:一、安装node ,检测node是否安装成功 node -v二、安装vue-cli ,命令:npm install vue-cli -g三、创建新项目 vue init webpack ‘项目名称’ (不断的回车默认,遇到 Eslink代码检查工具选择no)四、cd 切入到项目里,安装依赖 npm install五、 编写项目六、启动项目:npm run原创 2022-03-20 11:33:49 · 1296 阅读 · 0 评论 -
简要概述vue v-for 中:key作用
一、概述:key的作用主要是为了高效的更新虚拟DOM。另外vue中在使用相同标签名元素的过渡切换时,也会使用到key属性,其目的也是为了让vue可以区分它们,否则vue只会替换其内部属性而不会触发过渡效果。二、:key背后的算法:vue和react都实现了一套虚拟DOM,使我们可以不直接操作DOM元素,只操作数据便可以重新渲染页面。而隐藏在背后的原理便是其高效的Diff算法。vue和react的虚拟DOM的Diff算法大致相同,其核心是基于两个简单的假设:1. 两个相同的组件产生类似的DOM结构,不原创 2021-10-28 15:34:48 · 213 阅读 · 0 评论 -
vue路由跳转、传参和接收参数、query和params
文章目录一、路由跳转:1、router-link to属性设置跳转信息to可以直接设置一个字符串,表示跳转的url地址to可跟一个json对象2、编程式路由跳转二、路由传参使用query传参:使用params传参:query传参和params传参区别:三、参数的接收由query传参接收时:由params传参接收时:一、路由跳转:1、router-link to属性设置跳转信息标签代替超链接使用to可以直接设置一个字符串,表示跳转的url地址<router-link to="/showUser原创 2021-10-27 22:09:47 · 7743 阅读 · 3 评论 -
使用ajax传递数据页面报错:vue is not defined
一、解析:字面意思:vue未定义,即是vue源码引入问题;二、尝试解决:1:尝试1:检查vue源码引入(路径、script标签)是否错误 2:尝试2:引入语法无问题,即检查target文件夹里是否有vue源码文件,检查后发现没有(原因:我是后来手动添加的vue源码文件,target里未及时生成)三、解决步骤:点击clean,清理并重新生成target文件,vue源码成功引入,错误解决;截图:...原创 2021-10-26 22:09:03 · 719 阅读 · 0 评论 -
idea终端报错: vue -V既不是内部指令也不是外部指令
文章目录一、引言二、分析:三、修改一、引言最近安装vue时,出现了一个问题,按照正常步骤安装之后,cmd黑窗口输入vue -V,正常出现版本号,而在idea ->terminal终端中输入vue -V,却显示 vue -V既不是内部指令也不是外部指令,网上找了半天,没有我的解决方案,在寻求高手帮助之后,得已解决,遂记录,以示参考。二、分析:cmd窗口正常显示vue版本号,说明vue在本机安装成功,idea终端打不开,那么终端打开有毛病,所以重新配置终端,步骤如下:三、修改这里显示c原创 2021-10-26 09:23:10 · 1620 阅读 · 2 评论 -
vue报错: Invalid value for option “methods“: expected an Object, but got Function.
报错信息:Invalid value for option “methods”: expected an Object, but got Function.大致错误信息为: methods 希望是一个对象,但是得到了一个函数错误代码 :methods(){ test(){ console.log(this.student); } }修正代码: methods:{ test(){ console.log(this.student);原创 2021-10-25 19:14:24 · 8493 阅读 · 0 评论