nuxtjs引入jquery

2020-12-01 16:25:32

方法一

安装 jquery 包

npm install --save jquery

配置 nuxt.config.js

const webpack = require('webpack')

module.exports = { build: { plugins: [ new webpack.ProvidePlugin({ '$' : 'jquery' }) ] }, plugins: [] }

组件中使用

mounted () {

$("body").append("1");}

方法二：直接在 nuxt.config.js 中引入 jquery.min.js文件

head: {

script: [ { src: 'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js' } ]}

或者也可以在子组件内部引入。

2019-10-16 21:06:48

Idea或webstrom配置webpack设置路径alias实现代码自动补全功能
做开发的时候，每次import想要代码提示，通过../../src/components长长的相对路径用起来很不方便，通过配置webpack的alias就可以让ide实现代码自动补全功能

2019-10-19 11:22:49

window安装ffmpeg-concat出现的坑和解决办法
最后还是选择了fluent-ffmpeg，没特效就没特效吧。最起码有声音吗。 ffmpeg-contact也可以有声音，但是需要先提取出来再合并进去，不知道能不能有效同步，果断放弃。

2019-10-19 13:37:44

v-model里使用过滤器
档所述过滤器只能用在v-bind指令和{{}}表达式中，v-model中使用过滤器是一种思维误区。因为v-model里实现数据显示和存储格式的转换应该是双向的。如下例：