スタイルガイド - Vue.js
最終更新日: 2021年5月22日 このドキュメントは、 Vue 固有の記法についての公式なスタイルガイドです。もしあなたがプロジェクトにおいて Vue を使用する場合は、エラーや有益でない議論、アンチパターンを避けるための参考となります。しかし、スタイルガイドはすべてのチームやプロジェクトで理想とは限らないと考えていますので、過去の経験や、周囲の技術スタック、個人の価値観に基づいた上で必要に応じて慎重に逸脱することが推奨されます。 ほとんどのパートにおいて、基本的に JavaScript や HTML に対する提案はさけています。セミコロンやカンマの使用の是非はどちらでも良いです。 HTML の属性に対してシングルクォートかダブルクォートどちらかを利用するかもどちらでも良いです。しかし、特定のパターンにおいて Vue のコンテキストが役立つと判明した場合については、その限りではありません
Vue3を個人開発で1ヵ月使い込んでみての所感
初めに タイトル通り。Vue3はIE11対応されたら起こして状態なまま触っていなかったが、急に作りたいものができてしまいVue3をしばらく使ってみたので使い心地や所感などの殴り書き。 ところどころ誇張気味なので注意。それVue3関係ないやんも自分で読み返してみると多々ある。 可能なら久しぶりにクソデカ羅生門でも読んで器を大きくしておいてほしい。 そしてVue3を高々1ヵ月使っただけの所感なので、参考にしてもらえたら嬉しいけども真に受けてはいけない。 筆者スペック Vue2実務経験20年のプロ Vue3歴1ヵ月の素人 immutable信者 作っているもの 紹介っぽい記事はこちら。 3行で紹介するならSVGアニメーションエディタ、60fpsでアニメーション、サーバーなしのスタンドアロン。 要するにSVG版のBlenderっぽいものが作りたかった。 Vue3の採用理由 今回は作りたいという気持
Vue.js：v-modelと$emitを使ってデータを読み書きする子コンポーネントをつくる - Qiita
Vue.js：v-modelと$emitを使ってデータを読み書きする子コンポーネントをつくる (2019/10/13追記)JavaScriptVue.js 追記(2019/10/13) 以下の項を修正・追加しました。 修正 v-modelを使う要素をラップする 今更で恐縮ですが、以前紹介していたものよりもっと簡潔で良いと思われる方法を追記しました。 追加 複雑なコンポーネントを薄くラップする Vue 2.2.0+の話です。 最近仕事でVueを使い始めました。フレームワークには珍しくブラックボックス感があまり無く、ツールを介しながら直接DOMやJSを扱っているような見通しの良さと自由度があり、今のところ気に入っています。あと公式のドキュメントがすごく読みやすく情報豊富…なので大抵のことは公式ガイドが解決・解説してくれるのですが、実際扱うまでピンと来なかった親子間のデータ受け渡しについて書き留
Docs - BootstrapVue
Vue.js v2.6 is required, v2.6.12 is recommended Bootstrap v4.3.1 is required, v4.6.1 is recommended Popper.js v1.16 is required for dropdowns (and components based on dropdown), tooltips, and popovers. v1.16.1 is recommended PortalVue v2.1 is required by Toasts, v2.1.7 is recommended jQuery is not required Check out what is new in BootstrapVue release v2.23.0. If you are migrating from a previous
Vue.jsで作成された、ちょっと面白くて役立ちそうなサービス - Qiita
こちらに移行しました。(2020/05/16) 概要 Vue.jsで作成されたプロジェクトを紹介しているサイト 「made with vue.js 」があります。 面白くて役立ちそうなツールやサービスをまとめてみました。 UIコンポーネント VueSocial ソーシャルサービスのボタンを作成するVueのコンポーネント CKEditor 5 リッチテキストエディタのコンポーネント Vue.Draggable ドラッグ&ドロップのコンポーネント Vuetable 2 データテーブルのコンポーネント。demo vuejs-datepicker vueのdatepicker Kalendar Vueのカレンダーコンポーネント Vue Apexcharts SVGベースのグラフ可視化コンポーネント Vue.js Google Charts VueのGoogle Charts vue-cart ショ
【2019年05月現在】Webpack4でVue.js単一ファイルコンポーネントの作り方 - Qiita
yarn init -y yarn add -D webpack webpack-cli vue vue-loader vue-template-compiler vue-style-loader css-loader babel-loader @babel/core @babel/preset-env # または、 npm init -y npm i -D webpack webpack-cli vue vue-loader vue-template-compiler vue-style-loader css-loader babel-loader @babel/core @babel/preset-env . ├ src/ │ ├ components │ │ └ Btn.vue │ ├ App.vue │ └ index.js ├ .babelrc ├ index.html ├ pa
Getting Started | Vuex
At the center of every Vuex application is the store. A "store" is basically a container that holds your application state. There are two things that make a Vuex store different from a plain global object: Vuex stores are reactive. When Vue components retrieve state from it, they will reactively and efficiently update if the store's state changes. You cannot directly mutate the store's state. The
Intro to Vue.js: Components, Props, and Slots
なるべくもとの文章に忠実に翻訳するようにしましたが、原文だけでは自分が理解できない箇所に関しては、大幅に文言を追加しています。 元の記事 Intro to Vue.js: Components, Props, and Slots Components and Passing Data コンポーネントとコンポーネントにデータを渡す方法 If you’re familiar with React or Angular2, the idea of components and passing state won’t be new to you. In case you’re not, let’s go through some of the main concepts. React や Angular2 に馴染みがある人であれば、コンポーネントという概念をご存知でしょうし、状態をコンポーネントに
第1回 プログレッシブフレームワーク Vue.js：Vue.js入門 ―最速で作るシンプルなWebアプリケーション｜gihyo.jp … 技術評論社
Vue.jsとは Vue.js（ビュージェイエス）は、インタラクティブなUIを構築するためのJavaScriptライブラリです。Webサイト内のウィジェットや管理画面のダッシュボードといったビュー（view）層に特化しています。設計の特徴としてMVVMパターンに影響を受けています。 Vue.jsは2013年にEvan You氏の個人プロジェクトとして開始、2014年2月にバージョン0.8が正式に公開されます。その後いくつかのリリースを経て、2015年4月にLaravelへの標準搭載決定を機に一気に知名度があがりました。2015年10月に1.0が、2016年10月1日（日本時間）に2.0がリリースされ現在に至ります。 Vue.jsの主な特徴には以下のものがあります。これらによって短期間で実用的なアプリケーションを作成できるため人気を集めています。 シンプルなAPIやHTMLベースの平易なテン
Vue.js - The Progressive JavaScript Framework | Vue.js
The Progressive JavaScript Framework An approachable, performant and versatile framework for building web user interfaces. Why Vue Get Started Install Get Security Updates for Vue 2 Approachable Builds on top of standard HTML, CSS and JavaScript with intuitive API and world-class documentation. Performant Truly reactive, compiler-optimized rendering system that rarely requires manual optimization.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
justbea | Vue.js class-based vs. JS object
Nuxt 2 - The Intuitive Vue Framework ドキュメント
Vue コンポーネント実装パターン
Vuetify — A Vue Component Framework