组件中 watch props 根据 v-if 动态判断并挂载 DOM 的问题 ⭐️ 更多前端技术和知识点，搜索订阅号 JS 菌 订阅 问题复现：父组件中通过名为 source 的 prop 向子组件 Chart 传入数据 {代码...} {代码...} 子组件接收 source 数据当存在且至少有一条数据的时候，创建 id 为 main 的 div，用以初始化 echarts 实例 {代码...}...

另外一种比较靠谱的方法是将第三方模块打包成插件，如我需要全局使用 echarts，那么在 src 目录下新建一个 lib，并创建名为 echarts.js 的文件：

Vue 递归多级菜单 Vue 递归多级菜单 ⭐️ 更多前端技术和知识点，搜索订阅号 JS 菌 订阅 考虑以下菜单数据： {代码...} 需要实现的效果： 首先创建两个组件 Menu 和 MenuItem {代码...} MenuItem 是一个 li 标签和 slot 插槽，允许往里头加入各种元素 {代码...} Menu 组件外层是一个 ul 标签，内部是 vFor 遍历生成的 Menu...

文章举例说明一下在 vue 中如何更好的监听浏览器事件。原文介绍了一种新增 vue 实例的方法，单独监听事件。这样代码书写较为简练，容易管理。 🍉

假设 Object 的原型中有一个自定义的 log 属性，我们用字面量语法定义 obj 对象，那么使用 for-in 遍历方法就会遍历到这个 log 对象，为了只遍历其自身的属性，需要增加一层筛选

Vue 匿名、具名和作用域插槽的使用 ⭐️ 更多前端技术和知识点，搜索订阅号 JS 菌 订阅 Vue 中的插槽在开发组件的过程中其实是非常重要并且好用的。Vue 的插槽也没有说很难使用，这篇文章简明扼要的介绍了三种插槽的用法。 🍉 匿名插槽 子组件定义 slot 插槽，但并未具名，因此也可以说是默认插槽。只要在父元素中插入的内...

v-model 双向绑定实际上就是通过子组件中的 $emit 方法派发 input 事件，父组件监听 input 事件中传递的 value 值，并存储在父组件 data 中；然后父组件再通过 prop 的形式传递给子组件 value 值，再子组件中绑定 input 的 value 属性即可。

子组件有时需要与父组件进行沟通，沟通的方式就是子组件 emit 事件，父组件通过监听这个事件来做进一步动作。而父组件与子组件通信则使用 props

新版本更新支持 Markdown 形式的笔记，支持导出 .png 格式的笔记图片，复制内容到剪贴板方便分享，支持将所有笔记数据导出为 JSON 格式的文件等。

基于 Vue.js 的简单记事本 SPA ，Mint-UI、Vue、VueRouter、Vuex，使用localStorage作为数据本地持久化，并支持使用Markdown格式笔记，主要功能有增查改删笔记、按条件过滤和排序笔记、并支持文字和图片等形式的笔记

full-featured Webpack setup with hot-reload, lint-on-save, unit testing & css extraction.