专栏首页web前端教室angularJs,请问vue是你失散多年的亲人吗?

angularJs,请问vue是你失散多年的亲人吗?

今天讲了angularJs,感觉这东西就像是在用另一种语法在写vue一样,当然了,这是我个人主观的感受。就是觉得写angularjs的时候,很像在写vue。

////////

今天的web前端零基础课的内容就是angularJs的讲解介绍,从它的历史,发展,特点,核心,优缺点,一直讲到一堆指令和各种事件。

这其中就包括它的$scope和$rootScope,这二个东西我不知道别人怎么感受。我就觉得这东西就是一个app应用中的this的二次封装,就像咱们以前把this存在一个变量里,然后在整个函数中去使用是一样一样的。

还有它的自定义指令,

var app = angular.module("myXxx", []);
app.directive("laoShang", function() {
    return {
        template : "<h1>老尚在此!</h1>"
    };
});

////////

再来看看vue版本的自定义指令,

Vue.directive('focus', {
  inserted: function (el) {
    alert('老尚在此')
  }
});

看看,长得多像啊,简直就是一个妈生的。

////////

再来看看for循环,先来看看angularJs的,

<li ng-repeat="x in names">
  {{ x }}
</li>

再来看看vue的,

 <li v-for="site in sites">
  {{ site.name }}
</li>

有什么区别么?除了指令不同之外,根本没有区别好么?今天在讲angularJs的时候,我恍惚之间感觉像在讲vue。

////////

也许是我功力不到体会不深吧,但这不重要。

重要的是,

react,它更多的我感觉是学一些格式和生命周期,我就可以开始写了。但是学习vue和angularjs,必须得先学一堆指令语法,要不没法写。

本文分享自微信公众号 - web前端教室(webfeel),作者:老尚

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2017-06-23

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 30岁零基础要入行前端开发,怎么入?

    前几天有个同学问我,没有基础,想入前端坑,30岁了,如果以后想靠它来工作,问我有没有什么更好的分配方案?我不明白他为什么用分配方案,不过没关系,这个文章不是专门...

    web前端教室
  • javascript设计模式 -- 工厂模式

    工厂模式哈,看了半天感觉大概意思就是说,有这么个函数,它会创建什么样的实例出来, 完全是取决于你传了什么样的参数进去。 创建出来的这些实例,都拥有相同的接口,就...

    web前端教室
  • 一篇有难度的前端教程,怎么做才是看懂它的正确姿势?

    今天是周五,先祝大家周末愉快哈,虽然过二天就又是周一了。周末的文章我一般都写的短一些。就如标题所言,现在有这么一篇难的教程,该怎么看? 先说一下,你要学习必须要...

    web前端教室
  • 没有后台可用的 app 快速搭建动态ios审核开关的方法

    最近发现苹果的机审有所改变,希望大家不要欺骗 App Store Review Team,如果侥幸上架成功请在一个月后在更成马甲包,否则价格昂贵的公司开发者账...

    jiang chen
  • LeetCode 14. Longest Common Prefix分析

    样例 在 "ABCD" "ABEF" 和 "ACEF" 中, LCP 为 "A"

    desperate633
  • Hyperledger Fabric 架构设计整理

    整个功能架构如下图所示。 ? 包括三大组件:区块链服务(Blockchain)、链码服务(Chaincode)、成员权限管理(Membership)。 概念术语...

    SeanCheney
  • 用 Python 20 秒画完小猪佩奇“社会人”!附效果视频+完整代码

    导读:今年社交平台上最火的带货女王是谁?范冰冰?杨幂?Angelababy?不,是猪猪女孩小猪佩奇。

    华章科技
  • Angular 5.0.0发布!

    我们很高兴地宣布Angular 5.0.0——五角形甜甜圈发布啦!这又是一个主版本,包含新功能并修复了很多bug。它再次体现了我们把Angular做得更小、更快...

    疯狂的技术宅
  • 谷歌斯坦福等联手推进ML基准:AI性能评估系统MLPerf新版出炉

    去年,谷歌、斯坦福、伯克利、哈佛、百度、英特尔、AMD等40多家科技企业联合发布了一款致力于衡量机器学习性能的通用标准的系统。

    大数据文摘
  • 给CVPR颁“金酸莓奖”,知乎网友热议最差论文,战火烧到Reddit论坛

    今年CVPR共有1200多篇论文被接收,官方评出了最佳论文,民间则评出了最差论文。

    量子位

扫码关注云+社区

领取腾讯云代金券