vue的watch中的immediate什么意思
vue的watch中的immediate什么意思
$watch() 监听某个值(双向数据绑定)的变化, 一旦发生变化, 就调用引号里的方法, 从而达到change事件监听的效果.
它的值包括选项的对象,选项对象有
- handler: 其值是一个回调函数, 即监听到变化时应该执行的函数
- deep: 其值是true或false, 确认是否深入监听.(一般监听时是不能监听到对象属性值的变化的,数组的值变化可以听到)
- *immediate: 其值是true或false,确认是否以当前的初始值执行handler的函数.
immediate:true; 立即执行,当刷新页面时会立即执行一次handler函数
使用场景:
不加immediate:true; 在tab切换时,你已经选中了2-1,当你刷新页面时,选项会回到默认位置1-1
加immediate:true; 在tab切换时,你已经选中了2-1,当你刷新页面时,选项仍在2-1的位置
watch: {$route: {// 监听路由参数handler(){const {classify} = this.$route.query;if(classify){this.classifyName = classify[0]; //一级和二级的绑定this.classifyType = classify;this.getMenus();}},immediate:true, //立即执行}},
vue的watch中的immediate什么意思相关推荐
- 在Vue的webpack中结合runder函数
在Vue的webpack中结合runder函数 1.引入: <h1>下面是vue的内容:</h1><div id="app"><login ...
- vue更新data中的数据页面不渲染_vue更新obj类data的属性无效,页面data没刷新解决方法vue.set...
问题描述 Vue的data使用有坑啊,它不能直接修改创建的对象的属性,例如想要给 user 添加一个 name 属性,值是 Jay . 先来一个添加的错误示例(这是一个大坑,请注意),这样写页面不渲染 ...
- uniapp、vue,vuex中state改变,getters不动态改变的完美解决方案!
uniapp.vue,vuex中state改变,getters不动态改变的完美解决方案! 参考文章: (1)uniapp.vue,vuex中state改变,getters不动态改变的完美解决方案! ( ...
- Vue CLI3.0 中使用jQuery 和 Bootstrap
Vue 中使用 jQuery 和 Bootstrap 不是特别符合 Vue 原生的写法,但是有时候又要用,所以放上我的引入设置,供大家参考. 在 Vue CLI2.0 中引入 jQuery 和 Boo ...
- 怎样在vue单页面中引入其他组件
场景 在一个vue的单页面,假如是home.vue中要引入其他组件的内容. 页面结构如下: 实现 首先在components下新建组件Today_recommend.vue组件 <templat ...
- Vue.JS项目中二级路由下刷新浏览器仍呈现当前路由的实现方案
1.需求介绍: 以下介绍一下实现起来没什么疑问的需求:设备列表为一个主页,点击设备列表中的编辑按钮,进入设备信息主页面,默认打开设备配置页,点击设备状态.设备日志.固件升级,会切换下方内容. 本人对以 ...
- javascript --- 函数的柯里化 Vue 2.x中柯里化的使用
函数式编程部分重点 参考资料: 函数式编程 柯里化 只传递给函数一部分参数来调用它,让它返回一个函数去处理剩下的参数 var add = function (x) {return function(y ...
- [vue] 在组件中怎么访问到根实例?
[vue] 在组件中怎么访问到根实例? 通过this.$root 个人简介 我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚持一定很酷.欢迎大家一起讨论 主目录 与歌谣一起通关前端面试题
- [vue] vue在组件中引入插件的方法有哪些?
[vue] vue在组件中引入插件的方法有哪些? 插件通常用来为 Vue 添加全局功能.插件的功能范围没有严格的限制--一般有下面几种:添加全局方法或者属性.如: vue-custom-element ...
- [vue] vue自定义事件中父组件怎么接收子组件的多个参数?
[vue] vue自定义事件中父组件怎么接收子组件的多个参数? 子组件传递多个参数,父组件用展开运算符获取 个人简介 我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚持一定很酷.欢迎大家一起 ...
最新文章
- 串口发送tcp数据 源端口号_三分钟基础知识:用动画给面试官解释 TCP 三次握手过程...
- 机器学习 LR中的参数迭代公式推导——极大似然和梯度下降
- 计算机在课堂中的应用论文,任务教学法在计算机教学中的应用论文
- 项目管理中的客户需求变更时需求分析和解决方法
- 带有调试器的Apache Camel Eclipse工具
- SpringCloud 入门教程(七): 熔断机制 -- 断路器
- cpu负载转移内存_为什么将所有工作负载转移到云中是个坏主意
- java窗体输入数据怎么存,java编程之计算矩阵对角线和(从对话窗体输入数据)...
- 我看ITIL在中国(六):如何建设有中国特色的IT运维管理平台【三】
- python 批量修改文件名
- 想通过C++寻找后端开发工作如何提升自己?
- 用mysql制作一个登录_连接数据库制作一个简单的登入页面1
- linux下用top命令查看,cpu利用率超过100%时怎么回事
- 毕设题目:Matlab目标跟踪
- ibm linux mq 发送消息_面试官提问:说说你对消息队列的理解
- 手写数字识别神经网络,手写体识别 神经网络
- 阿里云的安全防护措施
- JQuery 解决多个文件下载只下载一个的问题
- 微众银行大数据爽约? 回应:这是一种误解
- Java语法理论和面经杂疑篇《七. 数据结构与集合源码》