自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(14)
  • 收藏
  • 关注

原创 elementui v-infinite-scroll无限滚动 下拉刷新

/默认情况下,infinite-scroll-disabled是false,因此如果组件使用无限滚动加载组件,即使在vue不进行加载方法的调用,组件也会调用该方法,因此如果需要控制的话,尽量是使用infinite-scroll-disabled属性来进行加载方法是否调用的控制。5、infinite-scroll-immediate //是否立即执行加载方法,以防初始状态下内容无法撑满容器。1、v-infinite-scroll="load" //load无限滚动加载的方法。

2023-08-16 17:29:00 920 1

原创 prop传递数据

prop是组件之间的通信方式,prop属性是一个对象,在这个对象里可以定义一些数据,而这些数据可以通过父组件传递给子组件 props可以通过数组指定需要哪些属性。但在vue.js内部,数组格式的props会被格式化成为对象格式 HTML特性是不区分大小写。所以会使用camelize函数将props名称驼峰化,即将a-b这样的名称转换成aB父组件中<child user-name="berwim"></child>子组件中props选项中需要使用userNamepr

2022-04-02 15:48:32 2678

原创 v-for和v-if避免一起使用

v-for和v-if

2022-01-11 16:29:21 525

原创 根据当前视口改变div宽度问题getBoundingClientRect

html<div :style="`width: ${width}`" ref="section" class="table"></div>js之前放到mounted周期里,width不会实时变化,需要更改数据后才会变化,换到beforemount后width实时变化<script> data() { return { width: '100%', } }, beforemount(){ ...

2021-09-25 10:29:57 250

原创 总结总结总结

js内存泄漏什么是内存泄漏?程序的运行需要内存。只要程序提出要求,操作系统或者运行时(runtime)就必须供给内存。对于持续运行的服务进程(daemon),必须及时释放不再用到的内存。否则,内存占用越来越高,轻则影响系统性能:变慢,延迟大等 ,重则导致进程崩溃。...

2021-08-04 18:04:14 157

原创 小程序父子组件传值

修改获取到的文本内容样式父子组件传值父传子子组件(component)里定义属性properties: { // 复杂定义 name:{ type: String, value:'张三丰' }, // 简单定义 name2:String },简单定义

2021-07-28 12:18:53 56

原创 vue知识点总结

什么是vue.js?框架和库的区别vue.js是前端渐进式JavaScript 框架框架是一套完整的解决方案,对项目的侵入性较大,项目如果需要更换框架,则需要重新架构整个项目。例如node中的express库:提供某一个小功能,对项目的侵入性比较小,对项目的侵入性较小,如果某个库无法完成某些需求,可以很容易切换到其它库实现需求。例如:从EJS切换到 art-template2. Mvvm和mvc的区别总:MVC是后端的分层开发概念;MVVM是前端视图层的概念,主要关注于视图层分离,

2021-07-05 22:54:32 144 1

原创 vue day06 组件其他

组件的嵌套 声明路由的时候设置children,这是children是一个数组,数组里是路由对象 这个children的组件就会渲染在它父组件的<router-view>中 <body> <div id='app'> <router-view></router-view> </div> <template id="father"> <di.

2021-06-29 13:50:10 71

原创 vue day05 路由的使用

什么是路由后端路由:对于普通的网站,所有的超链接都是URL地址,所有的URL地址都对应服务器上对应的资源 前端路由:对于单页面应用程序来说,主要通过URL中的hash(#号)来实现不同页面之间的切换,同时,hash有一个特点:HTTP请求中不会包含hash相关的内容;所以,单页面程序中的页面跳转主要用hash实现; 在单页面应用程序中,这种通过hash改变来切换页面的方式,称作前端路由(区别于后端路由)如何使用路由路由的安装直接引用官网提供的cdn<script src="h.

2021-06-27 22:16:56 206 3

原创 vue day05 组件扩展

父组件传值子组件接收父组件传值设置props属性就可以接受父组件传值html部分:<template id="login"> <div> 登录 <div id="father">我是父组件上的内容</div> <son id="son1" ref="myson"></son> <div ref="divref1">ref1</div>.

2021-06-27 21:20:16 76

原创 vue day04 VUE-组件以及插槽

vue组件什么是组件组件的出现,就是为了拆分Vue实例的代码量的,能够让我们以不同的组件,来划分不同的功能模块,将来我们需要什么样的功能,就可以去调用对应的组件即可。组件化和模块化的不同: 模块化:是从代码逻辑的角度进行划分的;方便代码分层开发,保证每个功能模块的职能单一 组件化:是从UI界面的角度进行划分的;前端的组件化,方便UI组件的重用 ...

2021-06-25 13:16:05 165

原创 vue day03vue生命周期和v-resource

生命周期生命周期图示

2021-06-24 10:32:37 146

原创 vue day02

品牌案例(实例)书写步骤:1、书写静态页面 该页面可以使用BS 先引入再使用 2、分析数据,看哪些数据需要写死哪些需要定义在data里面 3、绑定相应事件,完成操作静态页面:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport"...

2021-06-23 11:36:49 61

原创 Vue基础day01

什么是vue.jsVue.js 是目前最火的一个前端框架,React是最流行的一个前端框架(React除了开发网站,还可以开发手机App, Vue语法也是可以用于进行手机App开发的,需要借助于Weex) Vue.js 是前端的主流框架之一,和Angular.js、React.js 一起,并成为前端三大主流框架 Vue.js 是一套构建用户界面的框架,只关注视图层,它不仅易于上手,还便于与第三方库或既有项目整合。(Vue有配套的第三方类库,可以整合起来做大型项目的开发) 前端的主要工作

2021-06-22 22:37:45 92

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除