在ｖｕｅ项目中组件间相互传值或者后台获取的数据需要供多个组件使用的情况很多的话，有必要考虑引入ｖｕｅｘ来管理这些凌乱的状态，今天这边博文用来记录这一整个的过程，后台ａｐｉ接口是使用ｗｅｂｐａｃｋ－ｓｅｒｖｅｒ模拟的接口，这个前面的文章中有提到，需要的可以去翻阅。 整个的流程是在组件的ｃｒｅａｔｅｄ中提交ｄｉｓｐａｔｃｈ，然后通过ａｃｔｉｏｎ调用一个封装好的ａｘｉｏｓ然后再触发ｍｕｔａｔｉｏｎ来提交…
vue.use 是用来安装 Vue.js 插件。这个插件可以是一个组件也可以是一个函数，插件里要有一个 install 方法，install 方法调用时，他的第一个参数就是 Vue 在调用 vue.use 方法的时候就会执行 Vue.install 方法 该方法需要在调用 new Vue() 之前被调用。 版权声明：本文为gzz888原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原…
代码： const numberList = list.map(item => ({value: item})) 其中 list 是原数组， numberList 是转化后的数组， value 是key的名称 在使用element的el-autocomplete远程搜索组件时，普通的数组不能匹配，需要带有可以的数组才可以。 这是普通数组 转化成key为value的数组： 版权声明：本文为qq…
目录 目标效果： 更换的新接口+接口文档： 天知道新的Get请求接口:http://ajax-api.itheima.net/api/weather html文件中注意因为接口更换，要修改原代码为如下红字部分： 重点原理： （1）v-on可以传递自定义参数，v-on:click=”...“的简写是@click，其他事件同理 （2）v-on可以结合事件修饰符 e.g.@keyup.enter="ad…
Vite — 一个Vue作者开发的Web开发工具，它具有快速的冷启动、及时的模块热更新、真正的按需加载。 Vite基于浏览器原生 ES imports 的开发服务器。利用浏览器去解析 imports，在服务器端按需编译返回，完全跳过了打包这个概念，服务器随起随用。既然这么好，那就赶紧体验下。 ** 1.创建并运行Vue + Vite项目** 创建基于Vite的项目比较简单，这里就不多讲了，几行命令…
template中： <div> <!-- interval设置图片自动轮放时间，单位毫秒 --> <el-carousel :interval="3000" type="card" height="350px" indicator-position="outside"> <el-carousel-item v-for="image in images"&…
npm 命令出错好好检查一下 版权声明：本文为m0_53118546原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。原文链接：https://blog.csdn.net/m0_53118546/article/details/129987226
1、安装 npm install print-js --save 或 yarn add print-js 2、页面引用 import print from 'print-js' 3、页面定义容器 <div id="printMe"> <!-- 要打印的内容 如二维码 --> <div id="qrCode" ref="qrCode" class="qrcode">…
借用table组件会说一下父子组件的传值。 子组件Table.vue，排名用index，并且自递增，标题的值和数据都是通过父组件传过来的。子组件通过props设置tabHeades：Array，tabDatas：Array接收iu父组件传过来的数组。 <template> <li class="tab-wrapper"> <ul class="tab-title" :…
vue项目：点击按钮新增一个input输入框 <template> <div> <el-button type="primary" @click="addInput" :disabled="pointList.length >= 10">新增输入框</el-button> <div v-for="(item, index) in poin…