今天产品经理又给我甩过来一个需求，需要开发一个图表，拿到需求，瞄了一眼，然后我就去echarts官网复制示例代码了，复制完改了改差不多了，改完代码长这样

Vue无法检测property的添加或移除，由于Vue会在初始化实例时对property执行getter/setter转换，所以propterty必须在data对象上存在才能让Vue将它转换为响应式的。例如

Vue为我们提供了很多高级特性，学习和掌握它们有助于提高你的代码水平。从我们刚开始学习Vue的时候，对于侦听属性，都是简单地如下面一般使用：

打开Vue的官网，你会发现有Vue有两种不同的构建版本，Vue官方对两种不同构建版本的解释是这样子的：完整版：同时包含编译器和运行时的版本

Vue.nectTick() 是在下次DOM更新循环结束之后执行延迟回调，在修改数据之后使用$nextTick，则可以在回调中获取更新后的DOM（dom的改变是发生在nextTick()之后），这个方法作用是当数据被修改后使用这个方法

.sync 修饰符算是 Vue 的所有修饰符中较难理解的一个，本篇文章就带你走近 .sync 的世界，深入理解后会发现，其实也就那么回事。修饰符和指令息息相关，下面从 指令 -> 修饰符 -> .sync 修饰符 由浅入深地来讲解 .sync 的含义及用法。

总所周知，ul里面嵌套li的写法是html语法的固定写法（还有如table,select等）。my-component是我们自己写的组件，但是html在渲染dom的时候，my-component对ul来说并不是有效的dom，甚至会报错。

Vue 2.6.0 新增了 Vue.observable api，但最近才去尝试使用它。这东西说新也不新，因为他就是 vue 本身的功能，只是暴露出来，成为新 api 了。在老版本中，直接用 new Vue({ data: {} }) 也一样。

如果你一直在阅读有关props内容，你会发现我们可能也一直在使用它们（即使没有意识到），但也许你并不完全确定它们是什么。或者如何正确使用它们，并充分利用它们。

随着 VueJS 的使用越来越广泛，出现了几种最佳实践并逐渐成为标准。在本文中，主要分享在平时开发中一些有用资源和技巧，废话少说，我们开始吧。

若不是动态属性，首先为其增加驼峰化后的监听，然后再为其增加一个连字符的监听，例如v-bind:foo-bar.sync，首先v-on:update:fooBar，然后v-on:update:foo-bar。v-on监听是通过addHandler加上的。

我们在使用Vue做项目开发的时候，看到不少轮子都是通过Vue.use来进行使用，感觉甚是高大上。不过Vue.use到底是什么鬼？不妨来看个究竟。

本文面向对象是有一定Vue.js编程经验的开发者。如果有人需要Vue.js入门系列的文章可以在评论区告诉我，有空就给你们写。对大部分人来说，掌握Vue.js基本的几个API后就已经能够正常地开发前端网站

库是一种插件，是一种封装好的特定方法的集合。提供给开发者使用，控制器在使用者手里。框架是一套架构，会基于自身特定向用户提供一套相当完整的解决方案，控制权在框架本身

在此之前，子组件到父组件的传递事件我一般还是使用 $emit 和 $on，因为这个操作理解起来并不难，代码一般也挺清晰。不过今天遇到这么个情况 ——