09 2019 档案

webpack报错解决
摘要：1. Error: Cannot find module '@babel/core' 原因:版本搭配问题 解决退回版本 npm install babel-loader@7.1.5 2. 为了引入.vue文件，安装完vue-loader和vue-template-compiler后，运行报错： vu 阅读全文
posted @ 2019-09-20 21:48 Hi前端 阅读(346) 评论(0) 推荐(0)
两种组件切换方式
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="lib/vue-2.4.0.js"></script></head><body> <div id="app"> 阅读全文
posted @ 2019-09-15 15:56 Hi前端 阅读(820) 评论(0) 推荐(0)
组件中的data和methods
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="lib/vue-2.4.0.js"></script></head><body> <div id="app"> 阅读全文
posted @ 2019-09-15 15:21 Hi前端 阅读(681) 评论(0) 推荐(0)
创建组件的方式
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="lib/vue-2.4.0.js"></script></head><body> <div id="app"> 阅读全文
posted @ 2019-09-15 14:20 Hi前端 阅读(496) 评论(0) 推荐(0)
v-for做动画使用transition-group包裹元素
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="lib/vue-2.4.0.js"></script> <style> li{ border: 1px das 阅读全文
posted @ 2019-09-15 10:39 Hi前端 阅读(1625) 评论(0) 推荐(0)
vue动画构子函数
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="lib/vue-2.4.0.js"></script> <style> .ball{ width: 15px; 阅读全文
posted @ 2019-09-14 21:48 Hi前端 阅读(423) 评论(0) 推荐(0)
vue动画-使用第三方animation.css类实现动画
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="lib/vue-2.4.0.js"></script> <link rel="stylesheet" href 阅读全文
posted @ 2019-09-14 19:55 Hi前端 阅读(642) 评论(0) 推荐(0)
vue动画
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="lib/vue-2.4.0.js"></script> <style> .v-enter, .v-leave- 阅读全文
posted @ 2019-09-14 19:53 Hi前端 阅读(184) 评论(0) 推荐(0)
扁平化数组，多维数组变一维数组
摘要：//把多维数组转化为一维数组 var myarray1 = [[1,2,3],[4,5,6]] function flatten(arr) { return arr.join(',').split(',').map(function (item) { return parseInt(item); } 阅读全文
posted @ 2019-09-04 12:58 Hi前端 阅读(384) 评论(0) 推荐(0)