摘要：
ref 有三种用法： 1、ref 加在普通的元素上，用this.￥refs.（ref值） 获取到的是dom元素 2、 ref 加在子组件上 ， 用this.￥refs.(ref值) 获取到的就是组件实例 ，可以用组件的所有方法。 在使用方法的时候直接用 this.￥refs.(ref值).方法() 阅读全文
posted @ 2022-05-17 22:16
月花夕沉
阅读(561)
评论(0)
推荐(0)
摘要：
父组件使用props传递数据给子组件，子组件怎么跟父组件通信呢？这时，Vue的自定义事件就派上用场了。 1、自定义事件 每个Vue创建的实例都会出现一个事件接口 var vm = new Vue({ el: '#app' }) 自定义事件的定义(发布) ` //vm.$on(自定义事件的名称，自定义 阅读全文
posted @ 2022-05-17 22:04
月花夕沉
阅读(1192)
评论(0)
推荐(0)
摘要：
计算属性可以写成一个函数也可以写成一个对象，但对象中必须要有 get 方法，如果没有写 set 方法，则默认为 set 函数为空函数，由于计算属性是计算而来的，赋值的情况很少，所以下面的逻辑省略了 setter 的部分。计算属性的初始化是发生在 Vue 实例初始化的 initState 函数中，其中 阅读全文
posted @ 2022-05-17 21:59
月花夕沉
阅读(30)
评论(0)
推荐(0)
摘要：
、计算属性 1·定义：要用的属性不存在，要通过已有属性计算得来 2·原理：底层借助了Object.defineproperty方法提供的getter和setter 3·get函数什么时候执行？ （1）初次读取时会执行一次，（2）当依赖的数据发生改变时会被再次调用 4·优势：与methods实现相比， 阅读全文
posted @ 2022-05-17 21:55
月花夕沉
阅读(42)
评论(0)
推荐(0)
摘要：
computed计算属性的三个特点 1.计算属性使用时当作普通属性使用，不能加()当方法使用 2.计算属性的function内部，任何data发生改变，这个计算属性就会重新计算 3.计算属性的结果会被暂时缓存，方便下次使用 ` var vm = new Vue({ el:"#app", data:{ 阅读全文
posted @ 2022-05-17 21:50
月花夕沉
阅读(168)
评论(0)
推荐(0)
摘要：
计算属性： 1.为什么要用计算属性？ 模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护 2.计算属性概念： 顾名思义，首先它是一种属性，其次它有“计算”这个特殊性质。每次取得它的值的时候，它并不像普通属性那样直接返回结果，而是经过一系列的计算之 阅读全文
posted @ 2022-05-17 21:47
月花夕沉
阅读(303)
评论(0)
推荐(0)
摘要：
vue官网说，“你暂时不用搞清楚这些...",我觉得你既然准备用vue做开发的，不搞懂搞透它，你以后会发现踩的坑终究还是有它引起的，等以后再来补坑，不如现在就拿下它。 以下主要从几个方面来讲： 1.vue的生命周期是什么 2.vue生命周期的在项目中的执行顺序 3.vue中内置的方法 属性和vue生 阅读全文
posted @ 2022-05-17 21:38
月花夕沉
阅读(3837)
评论(0)
推荐(0)
摘要：
1: 常见事件修饰符: 1.1: .stop 等同于javaScript 中的event.stopPropagation(); 防止事件冒泡; 1.2: .prevent： 等同于javaScript 中event.preventDefault(); 防止执行预设的行为。 1.3: .capture 阅读全文
posted @ 2022-05-17 21:31
月花夕沉
阅读(769)
评论(0)
推荐(0)
摘要：
一、什么是Vuex 官网：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension ，提供了诸如零配置的 time-tr 阅读全文
posted @ 2022-05-17 21:14
月花夕沉
阅读(2181)
评论(0)
推荐(0)
摘要：
1.this. $router.push( ) 跳转到指定的URL，在history栈中添加一个记录，点击后退会返回上一个页面。 1. 不带参数 // 字符串 this.$router.push('/home') this.$router.push('/home/first') // 对象 this 阅读全文
posted @ 2022-05-17 20:50
月花夕沉
阅读(417)
评论(0)
推荐(0)
摘要：
vue-new Vue参数对象 new Vue参数对象 在脚手架cli2中是这样写的： new Vue({ el: '#app', router, store, components: { App }, template: '<App/>' }) 在脚手架cli3中是这样写的： new Vue({ 阅读全文
posted @ 2022-05-17 20:46
月花夕沉
阅读(143)
评论(0)
推荐(0)
摘要：
Vue项目中如果引入了Vue router实例,就可以在Vue实例中通过$route访问到当前匹配到的路由对象。 $route对象代表着当前路由对象，属性包括： path: String,当前路由对象的名称|当前路由对象的路径，会被解析为绝对路径 query Object,|路由中携带的查询参数 p 阅读全文
posted @ 2022-05-17 20:36
月花夕沉
阅读(571)
评论(0)
推荐(0)
浙公网安备 33010602011771号