![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
onebyte8bits
菜鸟一只
展开
-
Vue学习之---动态组件中的activated与deactivated钩子函数
Vue学习之—被忽视的activated与deactivated钩子函数在学习这两个钩子函数之前呢,怎么需要先了解下Vue内置的动态组件< component >以及与之相配套的< keep-alive > 组件:动态组件指的是动态切换组件的显示与隐藏;< component is = " " > 标签,内置组件,占位符,专门用来实现动态组件的渲染;is 属性指定要渲染出来的组件的名字,指定的值是组件的注册名称;is 属性指定的组件名称是什么,就会在<原创 2021-09-09 21:29:54 · 3523 阅读 · 0 评论 -
Vue学习之---computed计算属性中你不曾注意到的小细节
Vue学习之—computed计算属性1.当写computed属性的时候要注意所有的计算属性,都要定义在computed 属性中;计算属性在定义的时候,要定义成方法的形式,而且定义成方法的形式后,方法中一定要有返回值,因为使用计算属性最终要得到的就是返回的值;计算属性最终会变成当前的Vue实例对象的属性;2.computed属性的两种形式2.1函数形式的计算属性var vm = new Vue({ data: { a: 1 }, computed: { //原创 2021-09-08 22:21:48 · 266 阅读 · 0 评论 -
Vue学习之---watch侦听器
Vue学习之—watch侦听器Vue中的watch属性是什么,作用呢?watch属性中存在着能侦听Vue数据的侦听器,而侦听器本质上是个函数,要侦听哪一个数据的变化,就把数据名当做方法名即可;侦听器函数会接收两个参数:第一个参数是数据改变后的新的值,第二个参数是数据改变前的旧的值;watch属性中侦听器的格式watch属性中的侦听器存在着两种格式:方法形式的侦听器export default { data(){ // 定义的一些变量 }, watch:{ // 将要侦听的原创 2021-09-08 00:30:55 · 116 阅读 · 0 评论 -
Vue指令中v-show 与 v-if 区别
Vue指令中v-show 与 v-if 区别v-showv-show 只是在 display: none 和 display: block 之间切换。无论初始条件是什么都会被渲染出来,后面只需要切换 CSS 或是切换下判断条件,DOM 还是会一直保留着的。v-ifv-if的话就得说到 Vue 底层的编译了。当 v-if 的判断条件为 false 时,组件或DOM元素就不会被渲染,也就是说根本不会创建这个组件或DOM元素;直到条件为 true时,才会创建出来;当判断条件发生切换时会触发销毁/挂载原创 2021-09-05 23:58:52 · 53 阅读 · 0 评论 -
VueRouter中的路由守卫的触发顺序(图解)
最近在学习VueRouter的时候,发现自己总是搞不清楚路由守卫触发的顺序,于是便找到了这个图,希望能够帮助到大家:原创 2021-08-30 23:11:12 · 503 阅读 · 0 评论 -
Element-ui中的分页(pagination)组件的current-page属性不同步更新视图的坑
Element-ui中的分页(pagination)组件的current-page属性不同步更新视图的坑原创 2021-08-28 15:46:51 · 7480 阅读 · 0 评论 -
Vue组件的生命周期以及生命周期函数图解
Vue组件的生命周期以及生命周期函数图解组件的生命周期组件的生命周期是指一个组件从创建–>运行–>销毁的整个阶段,生命周期强调的是一个时间段;生命周期函数生命周期函数(也可以叫做钩子函数)是由vue框架提供的内置函数,会伴随着组件的生命周期,自动按次序执行;生命周期函数强调的是一个时间点;...原创 2021-08-26 00:41:44 · 123 阅读 · 0 评论 -
Vue.use()的快速上手使用及应用场景
前言总结原创 2021-08-21 23:13:58 · 392 阅读 · 0 评论 -
Element-UI分页组件如何设置成中文
Element-UI分页组件如何设置成中文前言今天我在写项目的时候,发现在使用Element-UI组件的分页组件显示的是英文,不是中文:但是我在官网上看到的却是中文显示的,而且我也想要分页组件显示成中文,于是我看了下官网的说明,知道了为什么不显示中文了。解决办法原本Element 组件内部默认使用中文,但是我在使用的时候多写了这样一行代码:咱们看看官网上怎么说的:就是因为多写了这么一行代码,所以导致分页组件显示的是英文,当把这行代码注释掉之后,组件就可以正常显示中文了:当然如果你之后原创 2021-08-19 23:42:26 · 5496 阅读 · 4 评论 -
vue中v-model指令与.sync修饰符的区别
vue中v-model指令与.sync修饰符的区别前言1、pandas是什么?二、使用步骤总结前言1、pandas是什么?二、使用步骤总结原创 2021-08-19 17:14:12 · 62 阅读 · 0 评论