vue
文章平均质量分 79
Mr.菓菓
这个作者很懒,什么都没留下…
展开
-
vue中生命周期函数
Vue 在运行过程中从创建实例阶段到最终的销毁整个过程称为生命周期,在这期间运行的钩子函数称为生命周期函数。我们在通过new Vue()创建实例的过程中经过了一下过程:beforeCreate在实例初始化之后,进行数据侦听和事件/侦听器的配置之前调用此函数,也就是说在这个函数中当前模块的实例还没有data数据,和methods 方法。created在实例创建完成后被立即同步调用。在这一步中,实例已完成对选项的处理,意味着以下内容已被配置完毕:数据侦听、计算属性、方法、事件/侦听器的回调函数。然.原创 2022-02-27 22:49:21 · 326 阅读 · 0 评论 -
vue中组件之间相互通信传值的几种方方法
vue中组件之间相互通讯传值的方式我们在使用vue进行项目开发的时候为了更好地管理项目,我们会把每个功能封装成一个个的组件,在使用的时候直接引入并且调用组件来实现代码的复用。我们在封装组件的时候经常会留有一些预留的接口,供使用的时候调用和传入不同的数据,这个时候我们就涉及到了组件之前的相互传值的问题。我这里总结了在vue中组件之前相互传值的方法:1、子组件和父组件通讯,通过调用父组件给组件自定义属性值来实现<!--parent.vue--><template> &原创 2022-02-27 01:08:25 · 1223 阅读 · 0 评论 -
vue打包降低vendors.js文件的大小
vue打包项目优化我们在打包vue项目的时候经常会遇到打包后的文件中vendors.js文件特别大,这个文件中的内容主要是我们项目中引入的第三方插件js文件,我们可以更改webpack的配置文件来排除这些第三方插件,然后在index.html文件中通过增加cdn引入的方式来优化我们的代码,使的我们的项目更快的加载。方法:找到vue项目的配置文件,如果使用的是vue-cli4脚手架,可以在项目的根目录下创建一个vue.config.js的配置文件,然后在配置文件中增加如下代码。module.expor原创 2022-01-27 04:10:53 · 2173 阅读 · 0 评论 -
vue的style样式标签中使用 scoped
scoped:字面意思是范围,也就是说该样式只能应用在此文件的范围内生效。加上 scoped 在默认情况下该模块中的样式只在当前模块中生效,不会对该模块中的子模块的样式造成影响,他的原理是通过编译给每个css选择器dom元素添加唯一的属性,然后再通过css的属性选择器来实现;例如:<!--About.vue--><template> <div class="about"> <h4>about page</h4> <.原创 2020-07-28 23:14:03 · 620 阅读 · 0 评论 -
vue前端UI框架收集
Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。随着vue框架的火爆也催生除了很多基于vue的前端ui框架,最有代表性的框架有Element-UI、vuetifyjs、vant等优秀的框架,这里我收集了一些比较优秀的框架和他们的地址基于 vue 的ui框架手机 电脑 兼容框架vuetifyjsvuetifyjs是比较流行的基于vue的前端ui框架,作者John Leider来自国外,vuetifyjs组件众多,并且电脑端,移动端通用一套代码官网网址:.原创 2020-07-08 21:53:01 · 910 阅读 · 1 评论 -
vue子组件判断是否有父组件传过来的方法
我们在vue开发过程中经常会把公用的代码封装成组件来方便其他页面调用,同时我们可以给组件传递参数和方法来供组件内部使用,这里我们介绍一下子组件中接收父组件的方法数组vm.$listenersvm.$listeners官网解释:包含了父作用域中的 (不含 .native 修饰器的) v-on 事件监听器。它可以通过 v-on="$listeners" 传入内部组件——在创建更高层次的组件时非常有用。意思是组件中用来记录父组件传过来的方法数组,用于记录父组件传给子组件的所有方法集合,我们可以使用这个数组来原创 2020-07-08 12:05:38 · 6186 阅读 · 3 评论