インストール方法 (1)ライブラリをインストールする。 npm i -D sass sass-loader fibers (2)nuxt.config.jsを編集する。 import Sass from 'sass'; import Fiber from 'fibers'; export default { ... build: { loaders: { scss: { implementation: Sass, s…

概要 deep selector を使用する。 方法 vue2の場合 ::v-deep の他に、 >>> または /deep/ を指定する方法があるが、バージョンによってはエラーになったり、解釈されなかったりする。 .parent-some-class ::v-deep .child-some-class { margin-top: 30px; } …

方法 .native 修飾子を使用する。 <templete> <div> <some-component @click.native="onClick" /> </div> </templete> 用途 ライブラリのコンポーネントを使用している場合に、そのコンポーネントで発生するclickイベント等のネイティブイベントを、そのコンポーネントを利用する側で購読したい場合。 自作のコンポーネントを使用してい…

$watchで、子コンポーネントのdataを追跡するようにする。 { mounted() { this.$watch( () => this.$refs.someComponent.someData, (val) => { console.log(`someData updated: val: ${val}`); }, ); }, }