在日常Vue项目开发中，我们难免需要写一些基础公共组件，在大型项目中，我们难免会遇到下面的痛点：组件API，对于Vue组件，有props、event、slot等接口，在团队内需要一定的沟通成本对于UI

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

资料来源视频：用vue想拿20k，面试题要这样答 文章是在看完视频之后总结的笔记 这个视频我觉得他将的好是在于直接去解析vue的源码，从源码分析问题，简而易懂且有说服力。 总结：一共9节9个小知识点

随着前端工程化的理念不断深入，我们会更多的选择使用脚手架从零到一搭建自己的项目。这些脚手架提供的都是普遍意义上的最佳实践，但是实际开发中发现，随着业务的不断发展，必然会出现需要针对业务开发的实际情况。

在封装第三方组件中，经常会遇到一个问题，如何通过封装的组件去使用第三方组件的Attributes(属性)、Events(自定义事件)、Methods(方法)、Slots(插槽)。 当然这个问题并不是难以解决，用普通方法解决难免陷入繁琐重复的工作中，而且封装的组件代码可读性也不高…

在子组件中不允许直接修改 props，因为这种做法不符合单向数据流的原则，在开发模式下还会报出警告。因此大多数人会通过 $emit 触发自定义事件，在父组件中接收该事件的传值来更新 prop。 这种做法没有问题，就是单纯更新 props。没有其他操作。那么使用 .sync修饰符…

1. 当前环境的一系列判断 2. user Agent常量的一系列操作 3. 字符串操作 解析： 获得该字符串第一个字符的unicode，然后与 0x24 和 0x5F 作比较。 若作为一个想进阶中高级的前端，charCodeAt方法的各种妙用还是需要知道的（面试算法题各种考）…

这个购物车功能相对简单，路由控制进入home页（商品列表页），添加商品后，cart页（购物车页）链接后会显示加入商品数量。进入cart页会列出添加的商品，可加减数量、删除单个商品、清空购物车。

本文带领大家使用 Vue.js 和 Vuex 实现购物车场景。