nuxt使用vue-particles

不念不忘少年蓝@ 2021-11-30 00:30 322阅读 0赞

> 本来应该是一个很简单的事情，但是不知道怎么弄了这么半天。  
> 下面说一下，使用插件的方式使用vue-particles

#### 第一步：安装 ####

npm i vue-particles

#### 第二步：在plugins下面创建 vue-particles.js ####

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RvbXdpbGRib2Fy_size_16_color_FFFFFF_t_70]

import Vue from 'vue'
    import VueParticles from 'vue-particles'
    export default () => {    
    	Vue.use(VueParticles)
    }

#### 第三步：配置nuxt.config.js ####

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RvbXdpbGRib2Fy_size_16_color_FFFFFF_t_70 1]

{ src:"~plugins/vue-particles",ssr:false},

#### 第四步：使用 ####

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RvbXdpbGRib2Fy_size_16_color_FFFFFF_t_70 2]

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RvbXdpbGRib2Fy_size_16_color_FFFFFF_t_70 3]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RvbXdpbGRib2Fy_size_16_color_FFFFFF_t_70]: /images/20211129/bd23aa6b82b64766ac1121d6972f4cf0.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RvbXdpbGRib2Fy_size_16_color_FFFFFF_t_70 1]: /images/20211129/e3eb9b439bbc40409d309d6231d0dedd.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RvbXdpbGRib2Fy_size_16_color_FFFFFF_t_70 2]: /images/20211129/49e56ee71f794acf9576534d11ce5f7e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RvbXdpbGRib2Fy_size_16_color_FFFFFF_t_70 3]: /images/20211129/fe2f56f2763d4738b6d3268444a99db7.png

发表评论取消回复

表情：

评论列表（有 0 条评论，322人围观）

还没有评论，来说两句吧...

相关阅读

相关 nuxt3：使用pinia

一、官网介绍为什么使用[pinia][] Pinia 是 Vue 的存储库，它允许您跨组件/页面共享状态。如果您熟悉 Composition API，您可能会认为您已经

骑猪看日落/ 2024年03月30日 17:39/ 0 赞/ 97 阅读

相关 nuxt1迁移奥nuxt2_在Nuxt中使用Storybook

nuxt1迁移奥nuxt2 Nuxt.js has been a lot of fun to use in production web apps and side proj

「爱情、让人受尽委屈。」/ 2023年02月21日 14:25/ 0 赞/ 4 阅读

相关 Nuxt.js项目使用 scss

Nuxt.js项目使用 scss 直接安装依赖就可以使用啦 npm i node-sass sass-loader scss-loader --save-dev

た入场券/ 2022年12月19日 11:49/ 0 赞/ 297 阅读

相关 [Nuxt.js]Nuxt.js基础

Nuxt.js支持：![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG

迈不过友情╰/ 2022年12月02日 00:49/ 0 赞/ 261 阅读

相关 Nuxt服务端渲染-create-nuxt-app的安装和使用

执行 cnpm init -y 执行 cnpm install create-nuxt-app --save-dev 调用一下create-nuxt-a

我不是女神ヾ/ 2022年10月16日 15:28/ 0 赞/ 299 阅读

相关 nuxt.js使用swiper

1.安装swiper npm install vue-awesome-swiper --save 2.在plugins下新建vue-swiper.js文件

╰+攻爆jí腚メ/ 2022年05月09日 09:34/ 0 赞/ 675 阅读

相关 nuxt使用小结

开始创建项目 npx create-nuxt-app <项目名> 根据提示选择安装内容即可 nuxt模式默认选择universal

今天药忘吃喽~/ 2022年01月20日 02:11/ 0 赞/ 474 阅读

相关 Nuxt学习笔记——在nuxt中使用vue-quill-editor

在nuxt中使用vue-quill-editor 参考[资料地址][Link 1][https://www.jianshu.com/p/dcd2aac870b8][Lin

╰+攻爆jí腚メ/ 2021年12月20日 11:37/ 0 赞/ 308 阅读

相关 nuxt使用vuex

> 先简单的使用一下vuex，也是初学，在这里写下笔记，帮助有缘人 > > nuxt已经继承了vuex，我们无需安装。第一步：在store文件夹下面创建inde

￡神魔★判官ぃ/ 2021年12月14日 02:07/ 0 赞/ 522 阅读

相关 nuxt使用vue-particles

> 本来应该是一个很简单的事情，但是不知道怎么弄了这么半天。 > 下面说一下，使用插件的方式使用vue-particles 第一步：安装 npm i vue

不念不忘少年蓝@/ 2021年11月30日 00:30/ 0 赞/ 323 阅读