vue如何引入js文件

JavaScript011

vue如何引入js文件,第1张

1、vue-cli webpack全局引入jquery

(1) 首先 npm install jquery --save (--save 的意思是将模块安装到项目目录下，并在package文件的dependencies节点写入依赖。)

(2)在webpack.base.conf.js里加入

1

var webpack = require("webpack")

(3)在module.exports的最后加入

1234567

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

(4) 在main.js 引入就ok了(测试这一步不用也可以)

1

import $ from 'jquery'

(5)然后 npm run dev 就可以在页面中直接用$ 了.

要引入vue.js，可以通过在script的src属性中写一个网址来导入在线的vue.js文件。使用在Vue.js的官网上直接下载vue.js文件到本地通过在script的src属性中写一个网址来导入在线的vue.js文件。

要引入vue.js，可在script标签的script标签中添加文件。根据查询相关公开资料得知创建一个html文件，在该文档中使用script标签引入vue.js文件，这样就用不到node，也就不需要安装。vue需要nodejs环境，vue是一个js，但是安装它却有点与众不同。安装vue一般是通过npm进行安装，node.js中包括了这个npm，所以安装完node.js就可以使用npm了。