如何避免写出屎山，优雅的封装组件，在面试官面前大大加分，从这篇文章开始！ 保持单向数据流 大家都知道vue是单项数据流的，子组件不能直接修改父组件传过来的props，但是在我们封装组件使用v-mode

前言 以数据驱动表格，减少繁琐的代码。 代码 props部分 render部分 methods部分 用法 基础用法 效果 通过设置tableColumn，tableData属性来给表格传递数据。 效果

1. 发布环境 __vue__ Vue项目运行后会把各个组件的数据挂载到对应的dom上，例如 根组件(#app)上获取实例 1.1 复制页面元素 1.2 打印页面元素的__vue__属性 2. 开发环

在 Vue 中，计算属性（computed ）是从其他响应式属性派生的属性，是用于自动监听响应式属性的变化，从而动态计算返回值。计算属性（computed ）通常是一个没有参数的函数。

具有数据收集、校验和提交功能的表单生成器，包含input、复选框、单选框、输入框、下拉选择框等元素以及省市区三级联动、时间选择、日期选择、颜色选择、文件/图片上传功能，支持事件扩展。

使用过element-ui的表格的同学应该都有这样的体会，做一个简单的表格还比较容易，但如果这个表格包含了顶部的按钮，还有分页，甚至再包含了行编辑，那开发工作量就成倍的增加，特别是在开发管理系统的时候，表格一个接一个的去开发， 即浪费时间，还对个人没有什么提升。今天小编带来了自…

基本使用看官方文档就好了，这里我把官方文档再解析下。 el-form需要传两个参数，model和rules, model是 表单数据对象 , rules是 表单验证规则。 表单里面使用值都需要在model里面，这样才能算是遵守规范。 这样官方文档我们看完了。剩下底部一个更多的a…

之前写过一篇文章，关于 Vue 属性透传的，文章中我列举了很多种方法去实现属性透传。其中包括直接设置 props，v-bind="$attrs"，render function 等方式。感兴趣，详情看 【Vue进阶】——如何实现组件属性透传？ 这让我意识到了自己对一些 Vue …

Webpack是实现我们前端项目工程化的基础，但其实她的用处远不仅仅如此，我们可以通过Webpack来帮我们做一些自动化的事情。首先我们要了解require.context()这个API 不要困惑，接下来我们来探讨在项目中怎么用。 对于Vue中的路由，大家都很熟悉，类似于声明式…