angular vue 微信开发会angular学vue

转载

数据狂徒 2023-07-04 14:21:40

文章标签 angular vue 微信开发 Angular vue Vue 应用程序 文章分类 微信开发移动开发

最近在考虑对前端js框架的选择

根据前人的总结，就总结一下 Angular与Vue 的特点与区别

速度/性能

　　虽然 Angular 和 Vue 都提供了很高的性能，但由于 Vue 的虚拟 DOM 实现的重量较轻，所以可以说 Vue 的速度/性能略微领先。

更简单的编程模型使 Vue 能够提供更好的性能。Vue 可以在没有构建系统的情况下使用，因为开发者可以将其包含在 HTML 文件中。这使得 Vue 易于使用，从而提高了性能。

angular和vue的差别

　　Angular是mvvm框架, 而vue是一个渐进式的框架, 相当于view层, 都有双向数据绑定, 但是angular中的双向数据绑定是基于脏检查机制, vue的双向数据绑定是基于ES5的getter和setter来实现, 而angular是有自己实现一套模板编译规则,vue比angular更轻量, 性能上更高效, 比angular更容易上手, 学习成本低, vue需要一个el对象进行实例化, 而angular是整个html页面下的,单页面应用, 而vue可以有过个vue实例；
注：angular可以进行自动化的测试，就是一般做移动端应用时，ui-router路由方面难以处理，经常出错，这块是一个大坑。
---------------------

1. vue 适合写移动端，易于修改，比较容易上手，轻量级响应组件，是由个人维护的。服务端渲染易于集成路由工具，打包工具及状态管理工具。
angular 适合写web端，相对上手比较难，由google开发和维护，
2. 写法
vue 以v-xxx开头同时支持简写如：v-on:click简写为@click 、v-bind:简写为：…
angular 以ng-xxx 开头
3. vue click点击事件没参数可以不写小括号
angular 后面必须写小括号
4. vue 数据和方法都放在单独的函数，或者字典里面，数据在data里面放着，条理清晰，便于看懂。
angular 父组件所有的数据和方法都是挂载在rootScope上，子组件所有的数据和方法都是挂载在 rootScope上，子组件所有的数据和方法都是挂载在rootScope上，子组件所有的数据和方法都是挂载在scope上
5. 作用域
vue中子组件想用父组件的值，需要传值，并接收，
angular中传值需要写依赖项，并且重新赋值，
6. vue 是实时渲染，
angular 需要检测到指定事件触发时数据变化才更新。
7. 循环
vue 是v-for=" (item,index) in itemlist"
angular 是 ng-repeat=" (index,item ) in itemlist"

何时选择 Vue.js？
如果你希望通过以最简单的方式来制作 Web 应用程序，那么你应该选择 Vue。如果你的 Javascript 基础不是太强大，或者有严格的开发截止日期，Vue 将是一个很好的选择。
如果你的前端是 Laravel，那么请选择 Vue。Laravel 社区的开发者认为 Vue 是他们最喜欢的框架。Vue 将总处理时间缩短了50％，并释放了服务器上的空间。
如果是开发小规模应用或者开发时不喜欢受约束，请选择Vue。
如果你很熟悉 ES5 Javascript 和 HTML，那么请使用 Vue 完成你的项目。
如果你想要在浏览器中编译模板并且使用其简单性，使用独立版本的Vue会很好。
如果你打算构建性能关键型SPA或需要功能范围的 CSS，Vue 的单文件组件会非常完美。
何时选择 Angular？
如果你需要构建大型复杂的应用程序，那么应该选择 Angular，因为 Angular 为客户端应用程序开发提供了一个完整而全面的解决方案。
对于希望处理客户端和服务器端模式的开发人员来说，Angular 是一个不错的选择。开发人员喜欢 Angular 的主要原因是 Angular 能够使他们专注于任何类型的设计，无论是 jQuery 调用还是 DOM 配置干扰。
对于开发人员创建具有多个组件和复杂需求的 Web 应用程序，Angular 也同样适用。当你选择Angular 时，本地开发人员会发现更容易理解应用程序功能和编码结构。
如果你想在新项目中选择现有组件，也可以选择 Angular，因为你只需复制和粘贴代码即可。
Angular 可以使用双向数据绑定功能来管理 DOM 和模型之间的同步。这使 Angular 成为了 Web 应用程序开发的强有力的工具。
希望制作更轻更快的Web应用程序的开发人员可以利用 Angular 中的 MVC 结构和独立的逻辑和数据组件，这有助于加速开发过程。
结论
Vue.js 是轻量级的开发框架，很适合开发小规模灵活的 Web 应用程序；而 Angular 尽管学习曲线较为陡峭，但却是构建完整复杂应用的好选择。
---------------------

如果您比其他功能更喜欢灵活性，请使用React。
如果您喜欢在TypeScript中编码，请选择Angular。
如果您是JavaScript爱好者，请使用React，因为它完全与JavaScript有关。
如果您喜欢干净的代码，请在您的应用程序中使用Vue。
Vue提供最简单的学习曲线，是初学者的理想选择。
如果要在应用程序中分离关注点，请使用Vue。
如果您喜欢面向对象的编程，Angular绝对是您的选择。
Vue非常适合小型团队和小型项目。如果您的应用程序似乎很大并且具有重要的未来扩展计划，请选择React或Angular。
---------------------