沙龙晃荡 | 3月31日 京东、微博、华为拭魅战专家与你合营商量容器技巧实践!
echo '<template><h1>Hello World!</h1></template>' > Hello.vue && vue build Hello.vue -o
我爱好 Vue。当我在 2016 年第一次接触它时,也许那时我已经对 JavaScript 框架认为疲惫了,因为我已经具有Backbone、Angular、React 等框架的经验,没有太多的热忱去测验测验一个新的框架。直到我在 Hacker News 上读到一份评论,其描述 Vue 是类似于“新 jQuery” 的 JavaScript 框架,大年夜而激发了我的好奇心。在那之前,我已经相当知足 React 这个框架,它是一个很好的框架,建立于靠得住的设计原则之上,环绕着视图模板、虚拟 DOM 和状况响应等技巧。而 Vue 也供给了这些重要的内容。
Vue 默认供给的视图模板语法是极小的、简洁的和可扩大的。像其他 Vue 部分一样,可以很简单的应用类似 JSX 一样语法,而不应用标准的模板语法(甚至有官方文档说清楚明了若何做),然则我认为没须要这么做。JSX 有好的方面,也有一些有根据的批驳,如混淆了 JavaScript 和 HTML,使得很轻易导致在模板中出现复杂的代码,而本来竽暌功该分开写在不合的处所的。
Vue 没有应用标准的 HTML 来编写视图模板,而是应用极少的模板语法来处劳R单的工作,如基于视图数据迭代创建元素。
<template>
<div id="app">
<ul>
<li v-for='number in numbers' :key='number'>{{ number }}</li>
</ul>
<form @submit.prevent='addNumber'>
<input type='text' v-model='newNumber'>
<button type='submit'>Add another number</button>
</form>
</div>
</template>
<script>
export default {
name: 'app',
推荐阅读
沙龙晃荡 | 3月31日 京东、微博、华为拭魅战专家与你合营商量容器技巧实践! 当我们在评论辩论主动驾驶离我们到底还有多远的时刻,主动驾驶客运巴士——阿尔法巴(Alphabus)智>>>详细阅读
本文标题:带你了解我喜欢Vue的10个方面
地址:http://www.17bianji.com/lsqh/40797.html
1/2 1