【ヴュー】導入されたサードパーティコンポーネント（Layui）

サードパーティのコンポーネントを導入することについてのVueの方法多くの、多くの方法が実現可能なテストではなく、されています。私の需要は、2つの方法でVueの足場を使用して、プロジェクト内のフロントエンドフレームワークは、まず、NPMインポートを使用するために、第2のコピーLayuiフォルダ（JSやCSS）であるLayuiを導入することです。最初の1の途中で、私はBaiduの上のいくつかの方法を見つけましたが、質問は、未定義のコンポーネントが存在している引用しました。ここで私は、可能な第二の方法を記録します。また、私は部品が需要を満たすために変更することができるため、2番目の方法は、より柔軟だと思います。

1. Layui公式サイトでファイルをダウンロードします

Layui公式サイト

2. 静的の下Vueのプロジェクトディレクトリにコピーします

3. index.htmlの中に導入

<link type="text/css" rel="stylesheet" href="static/layui/css/layui.css"/>
<script type="text/javascript" src="static/layui/layui.js"></script>

4. VUEではファイルがの導入を必要とします

<script src="./../static/layui/layui.js"></script>
<script>
export default {
  name: 'UserList',
  mounted () {
    layui.use('form', function () {
      var form = layui.form
      // 监听提交
      form.on('submit(formDemo)', function (data) {
        layer.msg(JSON.stringify(data.field))
        return false
      })
    })
  }
}
</script>