使用vue2+Vuex+Router重写饿了么点餐系统和vue插件简析

React
React 和 Vue 有许多相似之处，它们都有：
使用 Virtual DOM
提供了响应式（Reactive）和组件化（Composable）的视图组件。
保持注意力集中在核心库，伴随于此，有配套的路由和负责处理全局状态管理的库。
相似的作用域，我们会用更多的时间来讲这一块的比较。不仅我们要保持技术的准确性，同时兼顾平衡。我们指出React比Vue更好的地方，例如，他们的生态系统和丰富的自定义渲染器。
React社区在这里非常积极地帮助我们实现这一平衡，特别感谢来自 React 团队的 Dan Abramov 。他非常慷慨的花费时间来贡献专业知识，来帮我们完善这个文件，直到我们都满意。
这么说，就是希望你能对这两个库的比较的公平性感到放心。
性能简介
到目前为止，在现实的测试中，Vue 是优于 React 的（通常至少快20%-50%，尽管在某些情况下还要更快）。我们可以提供一个到这个参照项目的链接，但是坦率的说，所有的参照在某些方面是有缺陷的，很少有像你所写的一个真实应用。那么，让我们详细了解下吧。
渲染性能
在渲染用户界面的时候，DOM的 *** 作是最昂贵，不幸的是没有库可以让这些原始 *** 作变得更快。
我们能做的最好的就是：
尽量减少DOM *** 作。Vue 和 React 都使用虚拟DOM来实现，并且两者工作一样好。
尽量减少除DOM *** 作以外的其他 *** 作。这是 Vue 和 React的一个不同的地方。
假如说，在React中，渲染一个元素的额外开销是1，而平均渲染一个组件的开销是2。在Vue中，一个元素的开销更像0/vue/dist/vuejs"></script> 然后就可编写Vue代码并应用到生产中，而不用担心性能问题。
由于起步阶段不需学JSX，ES2015 或构建系统，所以建立应用花的时间会更少。
本地渲染
ReactNative能使你用相同的组件模型编写有本地渲染能力的APP（IOS或Android）。能同时跨多平台开发，对开发者是非常棒的。相应地，Vue和Weex会进行官方合作，Weex是阿里的跨平台用户界面开发框架，Weex 的 JavaScript 框架运行时用的就是Vue。这以为着不仅在浏览器，在 IOS 和 Android 上面也可以用 Vue 来进行开发。
在现在，Weex 还在积极发展，成熟度也不能和 ReactNative 相抗衡。但是，Weex的发展是由世界上最大的电子商务企业的需求在驱动，Vue 团队也会和 Weex 团队积极合作确保为开发者带来良好的开发体验。
MobX
Mobx 在 React 社区很流行，实际上在Vue也采用了几乎相同的反应系统。在有限程度上，React + Mobx 也可以被认为是更繁琐的 Vue，所以如果你习惯组合使用它们，那么选择 Vue 会更合理。
Angular 1
Due的一些语法和Angular的很相似（例如 v-if vs ng-if）。因为Angular是Vue早期开发的灵感来源。然而，Augular中存在许多问题，在Vue中已经得到解决。
复杂性
在 API 与设计两方面上 Vuejs 都比 Angular 1 简单得多，因此你可以快速地掌握它的全部特性并投入开发。
灵活性和模块化
Vuejs 是一个更加灵活开放的解决方案。它允许你以希望的方式组织应用程序，而不是在任何时候都必须遵循 Angular 1 制定的规则，这使让Vue能适用于各种项目。我们知道把决定权交给你，是非常必要的，就是是为什么提供Webpack template，让你用几分钟，去选择是否用高级特性，比如热模块加载、linting 、
Css extraction 等等。
数据绑定
Angular 1 使用双向绑定，Vue在不同组件间强制适用单向数据流。这使应用中的数据流清晰易懂。
指令与组件
在 Vue 中指令和组件分得更清晰。指令只封装 DOM *** 作，而组件代表一个自给自足的独立单元 —— 有自己的视图和数据逻辑。在 Angular 中两者有不少相混的地方。
性能
Vuejs 有更好的性能，并且非常非常容易优化，因为它不使用脏检查。
在Angular 1中，当 watcher 越来越多时会变得越来越慢，因为作用域内的每一次变化，所有 watcher 都要重新计算。并且，如果一些 watcher 触发另一个更新，脏检查循环（digest cycle）可能要运行多次。 Angular 用户常常要使用深奥的技术，以解决脏检查循环的问题。有时没有简单的办法来优化有大量 watcher 的作用域。
Vuejs 则根本没有这个问题，因为它使用基于依赖追踪的观察系统并且异步列队更新，所有的数据变化都是独立地触发，除非它们之间有明确的依赖关系。
有意思的是，Angular 2 和 Vue 用相似的设计解决了一些 Angular 1 中存在的问题。
Angular 2
Augluar 2完全是一个全新的框架。例如,它具有优秀的组件系统，并且许多实现已经完全重写，API也完全改变了。
TypeScript
Angular 1面向的较小的应用程序，Angular 2已转移焦点，面向的是大型企业应用。TypeScript被引用，这对那些喜欢用Java或者C#等类型安全的语言的人是非常有用的。
Vue也适合企业应用，也可以使用TypeScript来支持官方类型和用户贡献的类型，尽管这是可选的。
尺寸和性能
在性能方面，这两个框架都是非常快。但是如果你查看第三方参照，就可以得出 Vue 2 比 Angular2 要快的。
在尺寸方面，虽然 Angular 2 使用 tree-shaking 技术和编译技术能使代码尺寸减小。
即便包含编译器和全部功能 Vue2(23kb)比起 Angular 2(50kb)还是小的多。但是要注意，用 Angular 的 App 的尺寸缩减是用 tree-shaking 移除了那些框架中没有用到的功能，当随着引入功能的增多，尺寸会越来越大。
灵活性
Vue 官方提供了构建工具，但没限制你如何构建。有人喜欢用统一的方式构建，也有很多开发者喜欢这种灵活自由的方式。
学习曲线
开始使用Vue，你使用的是熟悉的HTML、符合ES5规则的JavaScript（也就是纯JavaScript）。有了这些基本的技能，你可以快速地掌握它(指南)并投入开发 。
Angular 2 的学习曲线是非常陡峭的。即使不包括TypeScript，它们开始指南中所用的就有ES2015标准的JavaScript，18个NPM依赖包，4个文件和超过3千多字介绍，这一切都是为了完成个Hello World。而Vue's Hello World就非常简单。
Ember
Ember 是一个全能框架。它提供大量的约定，一旦你熟悉了它们，开发会很高效。不过，这也意味着学习曲线较高，而且不灵活。在框架和库（加上一系列松散耦合的工具）之间权衡选择。后者更自由，但是也要求你做更多的架构决定。
也就是说，最好比较 Vuejs 内核和 Ember 的模板与数据模型层：
Vue 在普通 JavaScript 对象上建立响应，提供自动化的计算属性。在 Ember 中需要将所有东西放在 Ember 对象内，并且手工为计算属性声明依赖。
Vue 的模板语法可以用全功能的 JavaScript 表达式，而 Handlebars 的语法和帮助函数语法相比之下非常受限。
在性能上，Vue 甩开 Ember 几条街，即使是 Ember20 的最新Glimmer引擎。Vue自动批量更新，Ember 当性能关键处需要手动管理。
Knockout
Knockout 是MVVM领域内的先驱，并且追踪依赖。它的响应系统和Vue相似。它对浏览器支持以及所有的表现也是让人印象深刻的。它能最低支持到IE6，而Vue最低只能支持到IE9。
随着时间的推移，Knockout的发展已有所放缓，并且略显有点老旧了。比如，它的组件系统缺少完备的生命周期事件方法，尽管这些在现在是非常常见。以及相比Vue调用子组件的接口显得有点笨重。
如果你有兴趣研究，会发现它们在接口设计的构思理念上是不同的。这些通过各自创建的 simple Todo List 可以体现出来。或许有点主观，但是很多人认为Vue的API接口更简单结构更优雅。
Polymer
Polymer 是另一个由谷歌赞助的项目，事实上也是Vue的一个灵感来源。Vue的组件可以粗略的类比于Polymer的自定义元素，并且两者具有相似的开发风格。最大的不同之处在于，Polymer是构建于最新版的Web Components标准之上的，并且需要非凡的polyfills来工作（性能下降），浏览器本身不支持这些功能。相比而言，Vue不需要依赖polyfills来工作，最低到IE9。
在 Polymer 10版本中，为了弥补性能，团队非常有限的使用数据绑定系统。例如，在Ploymer中支持的唯一表达式只有布尔值否定和单一的方法的调用，它的computed方法的实现也不是很灵活。
Polymer 自定义的元素是用HTML文件来创建的，这回限制你的普通的JavaScript/CSS（和被现代浏览器普遍支持的语言特性）。相比之下，Vue的单文件允许你非常容易的使用ES2015和你想用的Css的预编译处理器。
当部署到生产环境的时候，Polymer建议使用HTML Imports加载所有资源。而这要求服务器和客户端都支持>

作为一个自己有餐饮系统的餐饮老板，我觉得还是很适合回答这个问题的

1首先要明确一点：功能是餐饮人自己来想

餐饮系统对一个餐饮运营非常重要，尤其是现在的餐饮数字化时代，餐饮人有自己的前瞻性，就避免一些一开发出来，功能就过时的情况。可以说我们以后餐饮的大小经营都得依靠餐饮系统来辅助完成

2有自己靠谱的技术团队

不管是自己有认识的朋友还是自己找的团队都得靠谱哈，因为后续的一些更新啊还是得更新且修改

3既然要开发，那只有餐饮点菜系统是不够的。

可能你还没有这个意识吧，就是随着我们现在互联网的强大和主要消费人群的变换，只要餐饮是智能化已经完全不能满意大体趋势的需求了

举个例子吧，就拿我们会员来说。会员对餐饮发展非常重要这点是毋庸置疑的吧。传统餐饮是老板或是经理记得，这个人她到底是不是我们的会员，又或者是等结账的时候客户说，我是你们家店的会员，然后打点折之类的。这样的服务完全区别不开，会员得不到特别的服务，没有差异性，顾客体验不好，那可能你的复购率就降下去了，直接影响到我们的盈亏平衡点是否达到！

4根据提出的功能进行编程实现，餐饮老板注意跟进

我当时每完成一个功能的实现，我就很高兴，很有满足感。不过还是得团队靠谱啊，我当时是找朋友做的现在的餐饮系统

再说说现在市面上一般的餐饮系统吧。

现在市面上大部分餐饮系统都不是餐饮人自己做的，即使有餐饮人参与也不过是背书而已。缺少了我上面说的前瞻性，所以有很多的功能其实对于我们现在来说是不够的，而且不够智能，不够全面，所以不好用！

餐饮人不懂代码，敲代码又不懂餐饮，所以就两方面的人都有，各司其职得好！

如果不打算使用微信小程序，但是需要接入微信和支付宝支付，可以通过使用第三方支付平台来实现。常见的第三方支付平台包括支付宝、财付通、易宝支付等。通过在开发者账户上注册并申请支付API key，将支付宝或微信支付API集成到点餐系统的后台代码中，实现订单支付功能。一般来说，支付平台会提供详细的开发文档和示例代码，轻松实现与点餐系统的对接，并保证交易过程的安全性和稳定性。此外，需要注意保障用户支付信息的隐私和安全。

“智慧餐厅”是基于物联网和云计算技术为餐饮店量身打造的智能管理系统，通过客人自主点餐系统、服务呼叫系统、后厨互动系统、前台收银系统、预定排号系统以及信息管理系统等可显著节约用工数量、降低经营成本、提升管理绩效。

物联网系统是一个复杂的高度集成的系统，包含的方面很多包括软件硬件和人机交互
在软件方面delphi做的还可以，上位机也可以，但是delphi做下位机不是很好
而且现在的物联网还很浅薄，比如智能冰箱，今年三星才开始接受订购
google
glass也是刚开始做这一块，而且是最近几天才发布理论

编程语言Toit开源了！

Toit 是一种面向对象的物联网编程语言，在 IoT设备上能够实现秒级代码部署（注：如果使用C语言，一个简单的代码更改需要几分钟才能重新部署）；同时，Toit也是一种现代的、内存安全的编程语言，集成了先进的编辑器功能，如语法高亮、goto-definitions 、代码自动补全等等。

Toit 编程语言具备以下特征：

Toit的出现是因为有一群软件工程师对IoT开发的现状感到不满，凭借着在Google为Flutter构建V8 JavaScript 引擎和Dart语言的丰富经验，他们开始自己构建适用于IoT的最佳平台。也正是在平台构建过程中，他们意识到必须有一种高效的编程语言来满足物联网的需求。最开始，他们尝试使用了Python和JavaScript，但在微控制器上，这两种语言的速度都不够快。

为了解决性能和健壮性问题，Toit团队开始研究Toit语言，经过测试发现，Toit在 ESP32 上的执行代码速度比 MicroPython 快 30 倍以上，同时学习门槛也很低，Python开发人员在几小时内就可以学会它。

为什么会选择开源Toit？Toit团队表示：“从一开始，我们就明确知道Toit肯定是会在某个时刻开源的，因为所有主流的编程语言都是开源的。开源可以获得充满活力的生态系统，编程语言才能被大规模采用。经过多次迭代和实际环境的应用，Toit语言已经成为微控制器编写强大软件的利器，我们希望更多开发者能够从中受益，因此选择将它开源出来。”
链接：>