PIYO - Tech & Life -

Vue

awesome-vueでOSSのVueアプリケーションを探す

ライブラリ探しにawesome-xxxxみたいなリポジトリを参考にすること多いんですが、まとまってるのってライブラリだけじゃないんですねー。 色々見てたら、awesome-iosにはスタンフォード大学の授業(だと思われる)iTunes Uのリンクがあったりとか、

Vue.jsでのフォームバリデーションにVeeValidateを使ってみる

ちょこちょこVue.jsを使ってるんですが、まだ手に馴染みません。まだまだ馴染まない理由の1つにフォームがあります。 Railsをメインに使う生活をしているので、form_forがないとフォームが書けません。というか、simple_form gemばかり使っているのでさらになまっていて、たとえばbootstrapのフォームがどんな構造なのかを忘れているので、すごく手間がかかってしまいます。

Vue Componentのstyleを上書きするには

今日もvuejs-datepickerに絡めての話。 datepickerをインライン表示したら幅が固定になっていて困りました。 こうじゃなくて、 こっちにしたい。 コンポーネントのstyleを見ると幅300pxと固定になっています。これを幅100%にしたいの上書きします。

Vue Componentインスタンスの関数を呼び出す方法

Vue Componentの関数、具体的にはvuejs-datepickerのsetDateを呼び出すのってどうするの?というのでちょっと迷ったのでメモ。 https://github.com/charliekassel/vuejs-datepicker このdatepickerをインライン表示で使おうとしてるんですが、Todayボタンがなさそうなのが不便なので自分でボタンを置いて作ろうとしました …

Vue コンポーネントのデータを初期値にリセットしたいとき

どうやって書くのがいいのかなーと迷いました。 例として適切ではないですが、例えば↓のようなコンポーネントがあったとして、なにかのタイミングですべてのデータをリセットしたいとします。 export default { name: "App", data() { return { title: 'Hello World', message: 'your todo …

Electronアプリでvue-devtoolを使えるようにする

ElectronアプリでVueを使うようにしたらコンソールにこんなのが出ていました。 Download the Vue Devtools extension for a better development experience: https://github.com/vuejs/vue-devtools vue-devtoolを入れると便利だよ、ということらしいので調べてみました。 Vueを使っ …

ElectronアプリをVue化する

jQueryでベタっと書いていたElectronアプリがあるのですが、Electronに多少慣れたこともあってアプリ側のコードをきれいにしたくなりました。Vue.jsを使いたい(正確に言うとVueはまだ触ったことがないので使ってみたい)ので、その下準備としてひとまずVueコンポーネント1個だけの形に持っていきましたので、その過程を残しておこうと思います。