vue安装jquery和配置(不需要在页面引入直接可以使用)

首先在命令行工具上输入 npm install jquery --save-dev

安装完成之后在build文件夹下的webpack.base.conf.js进行配置,在顶部添加:const webpack = require(‘webpack‘)

然后在module.exports = {  }里面加入

plugins: [
  new webpack.optimize.CommonsChunkPlugin(‘common.js‘),
  new webpack.ProvidePlugin({
    jQuery: "jquery",
    $: "jquery"
  })
],

 

这样就可以直接在页面上使用jq了,并且不需要引入就可以直接使用。

原文地址:https://www.cnblogs.com/hermit-gyqy/p/10764247.html

时间: 2024-08-30 10:16:23

vue安装jquery和配置(不需要在页面引入直接可以使用)的相关文章

vue安装openlayers,jquery,bootstrap,

安装 安装openlayers安装指定包安装openlayersVUE中的地图import ol from "openlayers";import "openlayers/dist/ol.css"; cnpm install openlayers --save 安装jquery cnpm install jquery --saveimport $ from 'jquery' 安装 bootstrapnpm install bootstrap --save-dev /

Vue基础(环境配置、内部指令、全局API、选项、内置组件)

1.环境配置 安装VsCode 安装包管理工具:直接下载 NodeJS 进行安装即可,NodeJS自带 Npm 包管理工具,下载地址:https://nodejs.org/en/download/安装完成后在命令行执行以下命令查看npm包管理器版本 npm -v npm中文文档:https://www.npmjs.cn/ 配置淘宝镜像 npm install cnpm -g --registry=https://registry.npm.taobao.org 然后执行 cnpm -v 查看版本信

VUE 安装&创建一个项目

1,安装node.js vue依赖nodejs,所以首先要安装node.js 然后打开cmd,输入命令, node -v.正常出现版本号,说明你已经安装成功了 下载地址:http://nodejs.cn/download/ 2,npm(cnpm) npm是node的包管理工具 使用node之后你会接触各种各样成千上万的Package(包),就需要一个管理工具能很好的解决它的安装,更新,依赖包安装等等的维护.默认安装完node之后,npm会自动安装上的.还是cmd,输入命令 npm -V .正常出

两种方法使vue实现jQuery调用

引言 如果说vue是前端工程化使用较多的骨架,那么JavaScript就是我们的前端的细胞.MVVM模式让我们体验到前端开发的便携,无需再过多的考虑DOM的操作.而vue的渐进式开发(逐步引用组件,按需引入),也让许多新手前端开发人员逐步绕过对jQuery的学习.jQuery需要记忆的内容颇多,这也让jQuery变得不那么受新入行开发者喜欢. 在前端工程化的需求没有普及的时候,许多公司使用的是后端渲染技术,为了能够实现友好的前端交互效果,需要写好大量的jQuery.JavaScript和CSS,

Vue安装及项目搭建

1.vue安装 1.1.直接<script>标签引入 官网下载地址为:https://cn.vuejs.org/v2/guide/installation.html#AMD-模块加载器 点击开发版本进行下载 1.2.使用CDN方式 BootCDN(国内) : https://cdn.bootcss.com/vue/2.2.2/vue.min.js unpkg:https://unpkg.com/vue/dist/vue.js cdnjs : https://cdnjs.cloudflare.c

Vue中的Vux配置指南

简介 Vux(读音 [v'ju:z],同views)是基于WeUI和Vue(2.x)开发的移动端UI组件库,主要服务于微信页面. 基于webpack+vue-loader+vux可以快速开发移动端页面,配合vux-loader方便你在WeUI的基础上定制需要的样式. vux-loader保证了组件按需使用,因此不用担心最终打包了整个vux的组件库代码. vux并不完全依赖于WeUI,但是尽量保持整体UI样式接近WeUI的设计规范.最初目标是创建一个易用,实用,美观的移动端UI组件库,现在离理想状

vue UI 告别webpack配置

目录 vue UI 告别webpack配置 开始体验 创建项目 项目细节 1. 插件 2. 依赖 3. 配置 4. 任务 总结 vue UI 告别webpack配置 vue-cli 3.0 的候选版本也已经发布多时了.vue-cli 3.0 版本为我们提供了集 创建.管理.分析 为一体的可视化界面vue ui,妈妈再也不用担心我不懂配置啦~让我们来一起尝尝鲜吧~ #安装最新版的vue-cli npm install -g @vue/cli #yarn/npm 安装(二选一) yarn globa

VUE 安装及项目创建

Vue.js 安装cnpm npm install -g 镜像 cnpm --registry=https://registry.npm.taobao.org 安装 vue.js cnpm install -g vue-cli cnpm cache clean —force cnpm install webpack -g //打开要创建的项目路径目录,创建项目 vue init webpack-simple <项目名> cd <项目名> //安装路由 cnpm install vu

Vue安装axios实现接口请求

一.vue-cli使用aios 1.安装命令:cnpm instal  axios --save 2.main.js引入全局使用 //axios import axios from 'axios' Vue.prototype.$axios = axios 3.组件或页面中使用 methods: { testAxios1:function(){ console.log('test'); this.$axios({ method: 'get', url: 'data/personData.json'