码迷,mamicode.com
首页 > Web开发 > 详细

vue引入自己写的js文件

时间:2018-02-02 17:12:25      阅读:1340      评论:0      收藏:0      [点我收藏+]

标签:自己的   style   ports   strong   info   blank   common   src   module   

 

话不多说,直接上代码呀~

先来个结构图:

技术分享图片

 

中规中矩的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

 

vue引入自己写的js文件

标签:自己的   style   ports   strong   info   blank   common   src   module   

原文地址:https://www.cnblogs.com/webSong/p/8405737.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!