Vue.jsはRiot.jsより良いんじゃないかと思ったのでメモ
- RiotとVue検討段階の人が書いたものです。実用してみての感想ではないのでご注意願います。
Vue.jsのドキュメントに優位性の説明があった
Riot 2.0 はよく似たコンポーネントベースの開発モデル(”タグ”と Riot では呼ばれています)を提供しており、必要最小限の美しく設計された API を持っています。Riot と Vue はおそらくその設計哲学の多くが共通しているのでしょう。しかしながら、Riot よりも少し重いにも関わらず、Vue はいくつか著しく優れた点を持っています:
- トランジションエフェクトシステム。Riot にはありません。
- ずっと強力なルータ。Riot のルーティング API は極めて最小限です。
- より優れた性能。Riot は 仮想 DOM を使用しているというよりむしろDOM ツリーをトラバースしているため、Angular 1 と同じ性能問題に苦しめられています。
- より熟成したツールのサポート。Vue は Webpack、Browserify の公式サポートを提供していますが、対して Riot はビルドシステムの統合についてはコミュニティのサポートに頼っています。
懸念: Vue.jsだと一つのファイルにHTML,CSS,JSがまとめられないのでは?
Vue.jsだとRiot.jsのようなコンポーネント化はできないけど、Vueifyがあってできる。
<style>
.red {
color: #f00;
}
</style>
<template>
<h1 class="red">{{msg}}</h1>
</template>
<script>
export default {
data () {
return {
msg: 'Hello world!'
}
}
}
</script>
cssコンパイラをstylusにするのも簡単だった。yarn add -D stylus
するだけだった。
<style lang="stylus">
.red
color #f00
</style>
<template lang="jade">
h1(class="red") {{msg}}
</template>
<script lang="coffee">
module.exports =
data: ->
msg: 'Hello world!'
</script>
しかも、Riot.js+Webpackを組むより楽ちんだった。
$ yarn global add vue-cli
$ vue init browserify my-project
$ cd my-project
$ yarn install
$ yarn dev
Atomのハイライト
- language-vueを入れると、.vueファイルがハイライトされる。
- language-stylusを入れると、
<style lang="stylus">
の中身もハイライトされる。
Author And Source
この問題について(Vue.jsはRiot.jsより良いんじゃないかと思ったのでメモ), 我々は、より多くの情報をここで見つけました https://qiita.com/suin/items/5339b5f3c1c9eed265df著者帰属:元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .