vue
starry__sty
这个作者很懒,什么都没留下…
展开
-
vue基础(3)
插槽slot普通插槽使用:在子组件中使用 <slot></slot>占位,就可以在组件的标签中输入内容,放到插槽位置显示<组件名><h1>这里的内容会呈现在插槽中</h1></组件名>具名插槽<slot name='aa'></slot> 使用name属性给插槽命名使用 <template v-slot:aa></template> 标签和v-slot指令来使用动态插槽原创 2021-06-07 09:19:47 · 74 阅读 · 0 评论 -
vue基础(2)
过渡transition: 分为单行过度和多行过渡;属性 :name:指定动画名称 :key:比如多行过渡,两个标签相同只是内容不同,由于vue有diff算法会导致之后替换内容不会替换dom节点,就不能触发过渡效果,可以通过添加key这个属性指定不同的值来实现让他删dom节点...原创 2021-06-03 19:34:25 · 115 阅读 · 3 评论 -
vue基础(1)
简介他是一个渐进式的框架(就是一开始不需要你完全掌握它的全部功能特性,可以后逐渐增加功能。没有多做职责之外的事情)他是一个构建用户界面的框架;他是一个轻量级的MVVM(Model-View-ViewModel);作用不用直接操作DOM(虚拟dom)就能改变里面的数据;官网https://cn.vuejs.org/v2/guide/安装(两种方式):第一种.script直接引入 <script src="https://cdn.jsdelivr.net/npm/vue"&g原创 2021-06-03 14:32:07 · 63 阅读 · 0 评论 -
elementUi getBoundingClientRect() 方法
getBoundingClientRect()getBoundingClientRect() 方法返回元素的大小及其相对于视口的位置。getBoundingClientRect()获取元素位置,这个方法没有参数;getBoundingClientRect()用于获得页面中某个元素的左,上,右和下分别相对浏览器视窗的位置。getBoundingClientRect()是DOM元素到浏览器可视范围的距离(不包含文档遮住的部分)。语法:var domRect = element.getBounding原创 2021-05-21 19:48:59 · 477 阅读 · 0 评论 -
loading 加载
loading 加载他有几个参数作用:加载数据时显示动效。参数说明targetLoading 需要覆盖的 DOM 节点。可传入一个 DOM 对象或字符串;若传入字符串,则会将其作为参数传入 document.querySelector以获取到对应 DOM 节点lock同 v-loading 指令中的 lock 修饰符text显示在加载图标下方的加载文案spinner自定义加载图标类名background遮罩背景色customClassLoa原创 2021-05-20 09:56:36 · 1980 阅读 · 0 评论 -
vue this.$nextTick
this.$nextTick理解:this.$nextTick()将回调延迟到下次 DOM 更新循环之后执行。在修改数据之后立即使用它,然后等待 DOM 更新.例子:<template> <section> <h1 ref="hello">{{ value }}</h1> <el-button type="danger" @click="get">点击</el-button> </section>原创 2021-05-20 09:30:47 · 68 阅读 · 0 评论 -
vue项目 目录介绍
目录介绍meishijie-back 后端后端服务器meishijie-fe文件夹 : 前端 node_modules 放置依赖包 public 放公共文件和图片 打包不会压缩只是把文件复制一遍 src (放置主要内容) src assets 放公共文件和图片 动态加载图片需要加载require components 放复用的组件(公共组件) router原创 2021-05-17 20:11:42 · 86 阅读 · 0 评论