【**Vue**】
关注
分享
扫一扫
六碗铁biu_
这个作者很懒，什么都没留下…
展开
-
[JavaScript]对象数组排序，排序字符串无效
需要排序的数组： var arr = [ { dateTime:'2022-01', data:'A' }, { dateTime:'2022-03', data:'B' }, { dateTime:'2022-02', data:'C' }]排序函数：function compare(a, b) { var value1 =..原创 2022-04-12 18:21:47 · 1457 阅读 · 0 评论 -
vue项目有部分网络图片加载失败，无法正常显示，提示403.
在index.html 添加以下内容：<meta name="referrer" content="no-referrer" />原创 2022-01-05 14:20:29 · 860 阅读 · 0 评论 -
【Vue】Swiper动态加载
使用场景js 使用Swiper实现轮播效果，swiper依赖动态数据改变（使用vue.js来更新数据的），比如轮播图数量的变化，轮播图的显隐的变化。参考网站https://www.swiper.com.cn/https://my.oschina.net/jamesview/blog/2988530代码<div class="swiper-container" v-i...原创 2019-11-25 16:02:07 · 1496 阅读 · 0 评论 -
【vue】参考网站
1.swiper轮播https://www.swiper.com.cn/2.videojshttps://docs.videojs.com/docs/api/index.htmlhttps://blog.youkuaiyun.com/AK852369/article/details/100982243原创 2019-11-21 20:22:21 · 341 阅读 · 0 评论 -
【Vue】npm run build部署上线后，static里部分图片路径不对，无法正常显示
现象v-bind:src="../../../static/logo.png"使用了以上方式绑定了静态资源，npm run build部署，路径不对，404但是工程中src="../../../static/logo.png"这种非绑定的可以正常访问。原因：找了很多网上的例子，配置域名，config下的index.js文件 将build下的assetsPublicPath的斜杠...原创 2019-11-14 10:08:27 · 1096 阅读 · 0 评论 -
【VUE】报错 ENOENT: no such file or directory, open 'XXX\package.json'
npm run dev报错 ：ENOENT: no such file or directory, open 'XXX\package.json'发现少切入了一级目录，找不到文件，切进去，再运行就好啦原创 2019-09-09 10:02:44 · 47199 阅读 · 8 评论 -
【VUE】新建项目
前提安装脚手架 npm install --global vue-cli新建项目 vue init webpack my-project 运行项目 npm run dev遇到的问题出错：'webpack-dev-server' 不是内部或外部命令，也不是可运行的程序 或批处理文件解决办法 切到项目根目录，执行npm ins...原创 2019-08-27 17:08:00 · 157 阅读 · 0 评论 -
VScode格式化ESlint-方法
转载 ：https://www.jianshu.com/p/23a5d6194a4bESlint：是用来统一JavaScript代码风格的工具，不包含css、html等。背景：近来研究前端，然后一直在百度上找VScode格式化（ESlint）的插件，结果找了半天都不靠谱。目前没有一个可以格式化html、css、符合ESlint的js、vue的插件，所以自己东拼西凑加实践找...转载 2019-08-21 17:04:55 · 550 阅读 · 0 评论 -
VUE项目搭建
VUE项目搭建前提：安装node搭建过程npm install --global vue-cli 安装脚手架 vue init webpack ** 新建vue项目 npm run dev第三步出错：'webpack-dev-server' 不是内部或外部命令，也不是可运行的程序 或批处理文件解决办法 切到项目根目录，执行npm insta...原创 2019-08-20 15:26:47 · 122 阅读 · 0 评论 -
【VUE-学习06】transition 动画
transition<!-- 使用transition 20190819--><!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <styl...原创 2019-08-19 18:37:50 · 137 阅读 · 0 评论 -
【VUE-学习01】插槽
插槽v-slot 定义插槽名父组件在template中使用插槽<!-- 插槽 20190819--><!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>插槽</title> &l...原创 2019-08-19 18:33:25 · 134 阅读 · 0 评论 -
【VUE-学习05】动态组件 component
<!-- 动态组件 component is属性决定使用哪个组件 20190819--><!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head>&l...原创 2019-08-19 18:28:49 · 196 阅读 · 0 评论 -
【VUE-学习04】class对象绑定
使用[] 绑定的是变量，{}绑定数据 <!-- class对象绑定 20190819--><!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> ...原创 2019-08-19 13:20:58 · 191 阅读 · 0 评论 -
【VUE-学习03】computed
相比于methods，computed仅在数据改变时才会调用，能够提高性能。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> ...原创 2019-08-19 13:17:21 · 124 阅读 · 0 评论 -
【VUE-学习02】生命周期
图解：https://cn.vuejs.org/v2/guide/instance.html#%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F%E5%9B%BE%E7%A4%BA<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"&g...原创 2019-08-19 13:14:24 · 154 阅读 · 0 评论 -
【VUE-学习01】父组件 子组件之间传值 非父子之间传值
父组件 子组件之间传值父->子父组件 v-bind绑定属性 子组件 prop接收属性子->父子组件发送 emit 并传参 父组件@监听ps： 子组件不能直接修改父组件传来的值 (比如下面的代码里handleItemClick函数里，不能够写this.index = 0;<!-- 父子组件传值 20190819-->&...原创 2019-08-19 13:09:58 · 103 阅读 · 0 评论