作家
登录

带你了解我喜欢Vue的10个方面

作者: 来源: 2018-03-20 19:40:06 阅读 我要评论

沙龙晃荡 | 3月31日 京东、微博、华为拭魅战专家与你合营商量容器技巧实践!

  1. echo '<template><h1>Hello World!</h1></template>' > Hello.vue && vue build Hello.vue -o

带你懂得我爱好Vue的10个方面

我爱好 Vue。当我在 2016 年第一次接触它时,也许那时我已经对 JavaScript 框架认为疲惫了,因为我已经具有Backbone、Angular、React 等框架的经验,没有太多的热忱去测验测验一个新的框架。直到我在 Hacker News 上读到一份评论,其描述 Vue 是类似于“新 jQuery” 的 JavaScript 框架,大年夜而激发了我的好奇心。在那之前,我已经相当知足 React 这个框架,它是一个很好的框架,建立于靠得住的设计原则之上,环绕着视图模板、虚拟 DOM 和状况响应等技巧。而 Vue 也供给了这些重要的内容。

Vue 默认供给的视图模板语法是极小的、简洁的和可扩大的。像其他 Vue 部分一样,可以很简单的应用类似 JSX 一样语法,而不应用标准的模板语法(甚至有官方文档说清楚明了若何做),然则我认为没须要这么做。JSX 有好的方面,也有一些有根据的批驳,如混淆了 JavaScript 和 HTML,使得很轻易导致在模板中出现复杂的代码,而本来竽暌功该分开写在不合的处所的。

Vue 没有应用标准的 HTML 来编写视图模板,而是应用极少的模板语法来处劳R单的工作,如基于视图数据迭代创建元素。

  1. <template>
  2. <div id="app">
  3. <ul>
  4. <li v-for='number in numbers' :key='number'>{{ number }}</li>
  5. </ul>
  6. <form @submit.prevent='addNumber'>
  7. <input type='text' v-model='newNumber'>
  8. <button type='submit'>Add another number</button>
  9. </form>
  10. </div>
  11. </template>
  12.  
  13. <script>
  14. export default {
  15. name: 'app',
  16.  1/4    1 2 3 4 下一页 尾页

      推荐阅读

      无人驾驶之后,还有哪些工作会被人工智能所取代?

    沙龙晃荡 | 3月31日 京东、微博、华为拭魅战专家与你合营商量容器技巧实践! 当我们在评论辩论主动驾驶离我们到底还有多远的时刻,主动驾驶客运巴士——阿尔法巴(Alphabus)智>>>详细阅读


    本文标题:带你了解我喜欢Vue的10个方面

    地址:http://www.17bianji.com/lsqh/40797.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)