Vue.jsについて語るスレ

**Name_Not_Found** · 2017/10/13(金) 17:58:32.56

実際業務で使ってる人いたら使い勝手聞きたい
jQueryとの比較、underscore.jpとの比較

**Name_Not_Found** · 2017/10/22(日) 21:55:06.45

vueだangularだreactだって言われてるけど
結局みんな疲れてjQueryに戻ってくる気がする
だって楽なほうがいいもん

**Name_Not_Found** · 2017/11/04(土) 18:07:41.59

Vue.js って
jQuery の ajax() と同等の事できるの？

**Name_Not_Found** · 2017/11/08(水) 17:31:01.63

jQueryなんかよりVue.jsの方が楽だと思うけどな
データバインディング使ったらもうDOM操作には戻れんわ

>>３
Vue.jsだとajax関連はaxiosっての入れれば使える

3 · 2017/11/12(日) 00:41:30.73

>>4　ありがとう。

Vueは複雑な繰り返しや条件式のディレクティブを
HTML要素の属性みたいに
サッと配置できるのが良いですね。

**Name_Not_Found** · 2017/11/17(金) 19:24:49.49

今時のwebサイト構築ってスマホアプリ化もセットで考えないとダメだよね？
Vue.jsとWeexでwebアプリをスマホアプリ化しつつ
ElectronでPCデスクトップアプリ化もやりつつ
バックエンドはgRPCなどで通信を効率化するのがいいのかな

最先端突っ走ってる会社はみんなこんな感じなんだが(Vue+Weexの代わりにReact+ReactNativeもある)
みんなの会社はどう？

**Name_Not_Found** · 2017/12/12(火) 03:15:43.67

HPで友達が稼げるようになった情報とか

⇒　http://asaswq3wq.sblo.jp/article/181819223.html

興味がある人だけ見てください。

W8XM8KJ6R5

**Name_Not_Found** · 2018/01/09(火) 18:16:37.61

laravel + vueで色々楽ちん。
最初はhtmlに直書きでもでもいける学習コストの低さ。

まあでも、色々やると色々覚えなきゃいけないので一緒だけど
とりあえず簡単に試せるのが良いよね

**Name_Not_Found** · 2018/04/07(土) 10:24:13.57

CSSなしHTML+生JS+CGI(Perl)の古臭い時代からから
HTML5+CSS3+PHP+JQueryと順次渡り歩いてきたおっさんだけど
リアクティブ、バインディング、ディレクティブとか言われても
おっさんなのですぐに頭の中で意味が繋がらないわ

そのせいか新しいフレームワークを覚えることに対して億劫になってる
色々な解説サイトがあるけど、英語カタカナ直訳が混在した文章に
翻訳するならもうちょいちゃんと日本語に訳してから説明してほしいし
できないならそもそも英語覚えないとまったく理解できないぐらいにハードル上げて欲しいｗ

**Name_Not_Found** · 2018/05/01(火) 03:53:22.47

理解力ないおっさんには和訳してもどうせその単語の意味を調べる羽目になるし同じことだよ

**Name_Not_Found** · 2018/05/01(火) 18:57:16.71

誰でもできる在宅ワーク儲かる方法
少しでも多くの方の役に立ちたいです
グーグルで検索するといいかも『金持ちになりたい鎌野介メソッド』

QAMJG

**Name_Not_Found** · 2018/07/14(土) 09:42:43.64

以下の多次元配列を
mycompとc-compにネストしながら
表示するにはどうしたらいいのか教えてください。

<html>

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
</head>

<body>
<script src="https://unpkg.com/vue/dist/vue.js";>

</script>

**Name_Not_Found** · 2018/07/14(土) 09:43:32.05

ここからがメイン
<div id="app">
<mycomp v-for="item in list" v-bind:item="item">
<c-comp v-for="value in item">{{value}}なんですか</c-comp>
</mycomp>
</div>
<script>
Vue.component('mycomp', {
template: "<div>hight{{item}}</div>",
props: ['item']
})
Vue.component('c-comp', {
template: "<div>width<slot></slot></div>",
props: ['value']
})
new Vue({
el: "#app",
data: {
list: [
["one", "two", "three"],
["four", "five", "six"],
["seven", "eight", "nine"]
]
}
})

</script>
</body>

</html>

**Name_Not_Found** · 2018/07/16(月) 20:21:39.23

使いたいコンポーネントがvueだったのでやることにしたのですが
node初めてで右も左もわからず誰かタスケテ下さいお願いします

win10にnode.jsいれてnpm install -g vue vue-cliして
プロジェクトフォルダ作って移動して
vue init webpack app1して適当にEnterおしてWARNが何個か出たけど気にせず
app1に移動しnpm run buildしてdistにビルドされたファイル群ができて
app1/dist/index.htmlにhttp経由で接続すると初期サンプルが表示されるのを確認
それで使いたいけど日本語情報がなさそうなvue-fluxを
https://github.com/deulos/vue-flux
app1でnpm install --save vue-fluxして
Quick Startのサンプルに書いてるコード眺めて使い方を考えた結果
これはきっとhtml部分をapp1/src/App.vueに
js部分をapp1/src/main.jsに書くんだろうと思い書いてみて
npm run buildするとmain.jsでimportしてるcssモジュールがないといわれ
動くの確認したいのでcssはとりあえずいらなそうだからその部分は削り
ついでにURL1 URL2 URL3もそのままだとあれなので
app1/src/assetsに適当なjpgを配置しmain.jsを書き換え再ビルド
lintにはmain.jsの書き方で文句を言われるけどビルド完了
app1/dist/index.htmlにhttp経由でアクセスしても真っ白です

https://masatoshihanai.com/vue-carousel/
こういうhtmlを直接いじってどうにかなるコンポーネントでもないようなので
ド素人には何をすればいいのかどこから学習すればいいのかもわからず
とりあえず形から入ってみましたが大コケしています。

**Name_Not_Found** · 2018/07/17(火) 08:38:39.95

vueて何か
カンマが多すぎねぇーか

**Name_Not_Found** · 2018/07/17(火) 17:00:03.67

>>9
同じく
ただしPHPとjQueryは深く学んでない
次はこれ勉強すればいいの？

**Name_Not_Found** · 2018/07/17(火) 20:19:41.17

ページ全体のうち
JavaScript使う部分をなんでもコンポーネントとして
node.jsで管理しておくって感じなのかな？
必要になったらhtmlに組み込めるようコード変換して

scriptタグですべて完結する
jQueryと到底比較できるようなものじゃないような気がする

**Name_Not_Found** · 2018/07/18(水) 10:11:30.52

Rails 5.1で作るVue.jsアプリケーション～Herokuデプロイからシステムテストまで～
https://youtu.be/ycOeM2umXkY

Rails + Vue.js の動画あるよ

**Name_Not_Found** · 2018/07/18(水) 14:11:34.78

rails関係ないじゃん

**Name_Not_Found** · 2018/07/18(水) 20:07:16.37

いくつかのサンプルは非常にシンプルでjQueryよりもすっきりしているのだが
難しくないものをあえて難しくしてるような気がしてならぬ…