vuejs 怎么引用js

引用外部JS文件

使用script标签指定src属性引用外部JS文件，可以在HTML文件中引入一个或多个JS文件，并可按需执行其中的函数或引用其中的变量。

内联引用JS代码

使用script标签直接编写JS代码，可以在HTML文件内部引入JS代码，常用于编写简单JS代码段或在页面加载后立即执行JS代码。

模块化引用JS代码

在Vue.js中，可以使用ES6的模块化语法引入JS代码，在单文件组件或JS文件中引用其他JS模块，使用import语句引入模块，使用export语句导出模块。

            // 导入模块
            import { func } from './file.js';
            
            // 导出模块
            export function func() {
                // JavaScript code here
            }
        

全局引用JS对象

可以在Vue.js项目中全局引入JS对象，使用Vue.prototype指定全局变量，可以在项目中任何组件或JS文件中使用该变量。

            // 在Vue项目中全局引入JS对象
            Vue.prototype.$myObject={
                // JavaScript code here
            }
            
            // 在组件中调用全局变量
            export default {
                methods: {
                    myFunction() {
                        const myObject=this.$myObject;
                    }
                }
            }
        

总结：Vue.js中，引用JS的方式多种多样，可以使用script标签引入外部JS文件或内联JS代码，使用ES6的模块化语法引用JS模块或将JS对象全局引入项目。开发者需要根据具体需求选择不同的JS引入方式。