vue引入自己寫的js文件

 

話不多說，直接上代碼呀~

先來個結構圖：

 

中規中矩的vue-cli就寫了一個自己的js文件

那么我想要引入到vue組件里。

1.首先寫我的js文件

2.引入到vue組件！！！一定要用{}把方法名拿過來

 

 3.可以開心使用了

【關於引入第三方插件：簡單的說一下三種方式】

一.可以cdn直接引入到index.html里，記得放在</body>前面哦

二.配置webpack ：

1、首先在package.json里加入，

dependencies:{
 "jquery" : "^2.2.3" }

2、安裝依賴 

npm install jquery --save-dev

3、在webpack.base.conf.js里加入

var webpack = require("webpack")
4、在module.exports的最后加入

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

5、然后一定要重新npm run dev

會報錯：npm install --save !!vue-style-loader!css-loader

執行命令：npm install stylus-loader css-loader style-loader --save-dev

6、在main.js 引入就ok了

import $ from 'jquery'

3.如果這個插件是某個人寫的並不能通過npm下載安裝，怎么辦？

參考：https://www.cnblogs.com/mengfangui/p/7552471.html

參考：http://blog.csdn.net/meishuixingdeququ/article/details/76338632