![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
N_years
这个作者很懒,什么都没留下…
展开
-
Vue组件中利用.sync修饰符实现对prop进行双向数据绑定 update:my-prop-name
在有些情况下,我们需要对一个 prop 进行“双向绑定”。官方推荐以update:my-prop-name的模式触发事件父子组件同步数据实现方式:sync或者v-model一、sync官网:https://cn.vuejs.org/v2/guide/components-custom-events.html#sync-%E4%BF%AE%E9%A5%B0%E7%AC%A6...原创 2020-08-30 23:59:00 · 957 阅读 · 1 评论 -
Vue 中 computed、methods、watch三者的区别
computed(计算属性)计算属性将被混入到 Vue 实例中。所有 getter 和 setter 的 this 上下文自动地绑定为 Vue 实例。计算属性的结果会被缓存,除非依赖的响应式属性变化才会重新计算。注意,如果某个依赖 (比如非响应式属性) 在该实例范畴之外,则计算属性是不会被更新的。computed 实例<p>computed={{sumab}}<...原创 2018-08-01 14:31:06 · 3188 阅读 · 0 评论 -
Vue 中父子组件、兄弟组件通信(不使用Vuex)
一、父子组件通信1.父组件与子组件通信(通过props属性来完成的)props 可以是数组或对象,用于接收来自父组件的数据。props 可以是简单的数组,或者使用对象作为替代,对象允许配置高级选项,如类型检测、自定义校验和设置默认值。1.1.父组件是通过props属性给子组件通信的父组件:// 这是父组件的code<div id="parent"> <...原创 2018-08-16 15:53:43 · 4240 阅读 · 0 评论 -
vue 中使用 v-charts 制图
v-charts 图表组件是基于 Vue2.0 和 echarts 封装的 ,只需要统一提供一种对前后端都友好的数据格式设置简单的配置项,便可轻松生成常见的图表。本列主要实现vue使用v-charts实现一个简单的折线图。一、使用npm安装添加在package.json文件中的依赖package.json文件的依赖 "dependencies": { "vue": ...原创 2018-10-17 21:20:37 · 8518 阅读 · 0 评论 -
vue 使用 echarts 制图
本列主要实现vue使用echarts实现:动态数据+时间坐标轴 的折线图一、使用npm安装添加在package.json文件中的依赖package.json文件的依赖 "dependencies": { "vue": "^2.5.2", "vue-resource": "^1.3.4", "vue-router": "^3.原创 2018-10-17 21:46:55 · 1679 阅读 · 0 评论