Vue
包括2.0和3.0的学习
空谷丶幽兰
不经一番寒彻骨,哪得梅花扑鼻香
展开
-
在用Vue做项目时导入图片出现[object module],已解决
使用4.3.0以上版本的file-loader,需设置esModule: false { test: /\.(png|jpg|gif|jpeg)$/, use: [{ loader: 'url-loader', // loader: 'file-loader', 也可以 options: { esM原创 2020-12-22 00:00:27 · 744 阅读 · 2 评论 -
Vue中ref属性的用法
$refs属性: 1.通过$refs属性获取到的对象是一个原生的DOM对象 2.,Vue不提倡DOM操作 3. ref属性可以用在标签上也可以用在组件上,获取组件的dom对象 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1原创 2020-12-14 22:36:58 · 1217 阅读 · 0 评论 -
Vue路由,用小案列说明hash,路由嵌套,路由传参,路由重定向,监听
前端路由: 1.路由的概念来源于服务端,在服务端中路由描述的是 URL 与处理函数之间的映射关系 2.在 Web 前端单页应用 SPA(Single Page Application)中,路由描述的是 URL 与 UI 之间的映射关系, 3.这种映射是单向的,即 URL 变化引起 UI 更新(无需刷新页面) SPA:单页面应用程序 在Vue.js框架下,要依赖一个叫做Vue-router.js的包 hash: 1. hash 是 URL 中 hash (#) 及后面的那部分,常用作锚点在页面内进行导航原创 2020-12-14 22:24:10 · 627 阅读 · 0 评论 -
Vue中的生命周期和钩子函数
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <script src="vue.js"><原创 2020-12-07 20:36:19 · 111 阅读 · 0 评论 -
Vue组件的介绍,以及组件间值传递,方法传递
组件的作用: 组件把我们的应用拆分成模块 组件可复用 便于团队开发 组件分为全局组件和局部组件(私有组件)原创 2020-12-07 20:25:57 · 165 阅读 · 0 评论 -
Vue动画,删除表格动画案例,调用animate.css动画库
Vue动画: 1.做动画的dom元素必须是块级元素(display:block) 2.做动画的元素要用<transition></transition>或者<transition-group></transition-group>包裹住 3.transition标签是Vue中的标签,要引入包之后才能使用 4.transition只能给单个DOM元素来添加动画效果,不能给v-for渲染出来的元素使用 5.transition-group用来包原创 2020-12-03 19:58:48 · 703 阅读 · 0 评论