
vue模块
文章平均质量分 75
记录vue相关问题/知识点
疯狂的小老鼠
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Vite创建Vue3项目
将http://localhost:5173/在浏览器打开。2. 是否使用此项目名称,你可以使用也可以自己写个名称。这是是问你是否需要安装以下软件包:这里我们选择y。项目创建完成之后依次执行以下命令即可。选择使用框架,这里我们选择vue。选择语言,我们选择 TS。看见以下场景即为创建完成。原创 2024-11-18 10:14:06 · 354 阅读 · 0 评论 -
自定义指令 vue2 和 vue3 的区别
自定义指令的钩子函数bind:只调用一次,指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。inserted:被绑定元素插入父节点时调用 (仅保证父节点存在,但不一定已被插入文档中)。update:所在组件的 VNode 更新时调用,但是可能发生在其子 VNode 更新之前。指令的值可能发生了改变,也可能没有。但是你可以通过比较更新前后的值来忽略不必要的模板更新 (详细的钩子函数参数见下)。原创 2023-12-08 11:22:10 · 957 阅读 · 0 评论 -
node版本升级,从卸载到使用nvm管理node版本并配置vue环境(学习趟雷版)
直接打开控制面板,找到默认程序,找到nvm直接卸载就行,通过nvm下载的node会跟随nvm一起卸载。nvm管理node版本对外的接口是node.js,打开node.js,可以看见npm 在这个文件夹内。一般环境变量会跟随nvm的卸载删掉,可以打开环境变量,查看是否存在环境变量如果存在删掉就行了。4.复制上一步的路径,将 node.js的安装路径放在nvm的安装路径里面。通过控制面板删除node,按下【win+R】键,输入control。两个文件夹,作为全局的模块安装路径和缓存路径。原创 2024-11-15 16:17:51 · 2177 阅读 · 0 评论 -
解决阿里巴巴图标在v-for循环中渲染不出图标问题
解决阿里巴巴图标在v-for循环中渲染不出图标问题v-for循环,按照下载的项目图标步骤来走v-for 循环<span v-for="(item, index) in info" :key="index"> <i class="iconfont">{{item.icon}}</i> </span>//页面中渲染的结果: 图标循环渲染: //这是原创 2020-05-21 16:12:42 · 1490 阅读 · 1 评论 -
linux 安装 nginx 以及部署 vue 到服务器
linux 安装 nginx 并部署vue原创 2022-11-14 15:45:00 · 1894 阅读 · 0 评论 -
vue 使用 echarts实现图表数据
exharts 文档:https://echarts.apache.org/zh/option.htmlvueechartsmain.js。原创 2023-12-05 19:49:48 · 225 阅读 · 1 评论 -
搭建vue项目
vue搭建原创 2023-11-08 16:28:12 · 146 阅读 · 1 评论 -
对象转url参数或url参数转对象
可对 url 进行解码,(必须一个字符串),decodeURIComponent() 对编码后的 URI 进行解码(如果传递过来的 url 是通过 encodeURIComponent 编码过的):通过特殊字符截取成键值对形式的数组,拼接成对象返回。的下标在此基础到字符串长度末尾的字段截取查出来。返回值:给定对象所有可枚举属性的字符串数组。参数:要返回其枚举的自身属性的对象。:将数组拼接为最终的参数字符串返回。:过滤符合条件的值返回为新的数组。:将数据进行修改组成新的数组返回。:将给定对象组成数组,原创 2023-06-29 18:58:10 · 1772 阅读 · 1 评论 -
watch 和 computed 的区别
watch 和 computed 的区别和运用场景watch: 是监听属性值的变化,是在数据变化时,要执行异步和开销较大的操作时使用,即一个属性影响多条数据时使用使用 watch 我们可以执行异步操作,并最终得到我们想要的值 data(){ return { name:'你好' } } watch:{ /* 原有写法 */ name(newval,oldval){ c原创 2021-03-14 14:50:47 · 333 阅读 · 0 评论 -
vue组件之间通讯
父组件给子组件传递参数 <template> <child :data="childData" @show="showChild"/> <!-- 子组件传递过来的值 --> <p>{{fatch}}</p> </template>父组件定义属性和方法然后对子组件进行操作和传值,利用v-model和v-on来绑定事件和属性,:data 是定义的属性,@show 是定义的原创 2020-11-09 20:50:18 · 362 阅读 · 0 评论 -
vue动态路由的学习和动态菜单的使用
动态路由 vue-router里面的配置动态菜单权限原创 2020-05-14 10:59:54 · 2332 阅读 · 2 评论 -
vue编写折叠面板组件
vue编写折叠面板组件首先我们创建组件collapse.vue方便在其他组件中使用 <ul class="collapse"> <li class="item" v-for="(item, index) in collList" :key="index"> <p @click="open(index)"> <img src="/static/svg/tbm.svg" alt="" />原创 2021-03-03 20:34:00 · 2799 阅读 · 1 评论 -
vue与Android和ios互相传值
VUE和Android,ios互相传值Android向Vue传数据 android5.0之前的可以用下面的方式: webView.loadUrl("javascript:getDataFromNative('" + mParam + "')"); android5.0之后的可以用下面的方式: webView.evaluateJavascript("javascript:getDataFromNative('" +mId +"')", new ValueCallba原创 2021-03-03 20:43:41 · 801 阅读 · 2 评论