vue文件里面怎么引用外部的js文件?
1、步骤：首先。我们要改造我们要映入的外部js文件，改成下面这个格式。
2、在index.html中以静态资源的方式进行引用。
3、Vue 的 createElement 方法，简单的封装一个组件解决问题。
4、由于一些演示，需要对编码名称等可快速进行修改，需要页面方便配置。由于build后的vue项目基本已经看不出原样，因此需要创建一个文件，并在打包的时候不会进行编译。
5、vue-cli webpack全局引入jquery (1) 首先 npm install jquery --save (--save 的意思是将模块安装到项目目录下，并在package文件的dependencies节点写入依赖。
在vue中实现了在样式里使用js变量的方法
这样我们就在vue中实现了在样式里使用js变量的方法：及通过css定义变量的方式，将变量在行内注入，然后在style中使用var()获取我们在行内设置的数据即可。
JS：可以看到var只是个声明变量的关键字，color才是变量名。
比如： 想要屏幕的高度，当然你可以用 100vh ，但是这是个相对单位，有时候我想获取绝对单位 px ；还有其他的很多情况，需要动态计算的，当然很多情况也可以动态绑定 style 解决。
目前项目有个需求就是，在vue页面中引入额外的config.js。
在index.html中以静态资源的方式进行引用。
js文件调用vue里methods的方法
1、解决方法是，在退出函数之前，将不使用的局部变量全部删除。2）闭包会在父函数外部，改变父函数内部变量的值。
2、定义Vue全局方法。main.js中定义：Vue.prototype.myfunction = function() {/*你的自定义Vue方法*/} 子组件调用：this.myfunction()；定义Window对象全局方法。
3、methods是个方法，比如你点击事件要执行一个方法，这时候就用methods，computed是计算属性，实时响应的，比如你要根据data里一个值随时变化做出一些处理，就用computed。
4、以上用法会出现报错：Property or method timeLength is not defined 虽然vue组件中HTML，css，js可以在同一个页面书写，但是js里面的函数、变量是需要使用export default{ }抛出之后html才能使用的。
js文件怎么用vue组件里的data数据
在声明vue的时候可以赋值给一个变量，然后在window全局就可以获取这个变量，这是vue实例。通过它可以访问vue里面的data，这样就可以获取页面数据。
如果是 export default { route： { abc：abc} 用import xx from ../xx.js如果是json的数据，比如想模拟服务器返回的数据，用get post直接请求文件地址。得到json数据。若不是，需要转换或者其他处理。
需要解决循环引用报错问题。具体操作步骤如下：打开vuemain.js项目，使用全局引入组件。在vue实例化前，在main.js里完成引入。通过import，selFile代码，修改vue组件的data引用方式即可。