【vue】npmでインストールしたライブラリを、コンポーネント内で使用するにはどうしたらよいでしょうか？

Question

npmでインストールしたライブラリを特定のコンポーネントで読み込んで使いたいと考えていますが、実装方法がわかりません。

やりたい事

別のコンポーネントで指定したcookieの値を、また別のコンポーネントで取得したいです。
(実際は、他のnpmでインストールしたライブラリも使いたいと考えています。)

記載したソース

次のようにVue.use(<ライブラリ>)で、共有できる想定でいました。

コンポーネントを呼び出すjs

大元のHTMLで最初に読み込むjsです。
あらかじめ、npmでjs-cookieというライブラリをインストールしています。

import Vue from 'vue'
import Cookies from 'js-cookie'

Vue.use(Cookies);

Cookies.set('flag', true)

コンポーネント（vueファイル）

検証のために、Cookieの値をコンソールに出力します。

<template>
</template>

<script>
console.log(Cookies.get('flag'));
</scirpt>

発生している問題

ブラウザのコンソール上で、下記のようなエラーメッセージが出ます。

Uncaught ReferenceError: Cookies is not defined

Console.logには何も表示されていません。

補足情報

実際にビルドしたファイルではなく、localhostを立ち上げて検証しています。

$ webpack-dev-server --hot

Answer 1

コンポーネントでもインポートしたほうがよいのでは？
外部ライブラリのimport方法が分からない - vue.jsを触ってみた

Comments

[hasshy]

度々ありがとうございます!
共有いただいたページを参考に設定できました。

一度試してはいたのですが、その時はどうやらexportの設定し忘れていたようでした…
失礼いたしました。

[退会済みユーザー]

うまくいったみたいでよかったです o(*^▽^*)o