2 回答

TA貢獻(xiàn)1776條經(jīng)驗(yàn) 獲得超12個(gè)贊
我認(rèn)為您正在嘗試以最天真的方式使用 VueJS,您可以在 html 的腳本標(biāo)記中導(dǎo)入 vuejs。
并不是說(shuō)它有什么問(wèn)題。但是,這種方式限制了您利用 Vue 提供的靈活性。最好的方法是使用 NPM 或 vue-cli ( https://vuejs.org/v2/guide/installation.html ) 安裝 vue。
一旦您使用 vue-cli 或 NPM(或帶有 babel 或 webpack 的 vuejs)設(shè)置項(xiàng)目,它允許您使用 es6 導(dǎo)入語(yǔ)法,尤其是在使用單文件組件時(shí)(https://vuejs.org/v2/guide/single -file-components.html)。在這種風(fēng)格中,您的組件存在于它們自己的文件中,并且每個(gè)組件都有一個(gè)<script>
可以導(dǎo)入內(nèi)容的塊。
但是,您需要學(xué)習(xí)如何創(chuàng)建您的第一個(gè) Vue 組件,然后才能像在行業(yè)中一樣使用 VueJS。你可以按照 VueJS 文檔(https://vuejs.org/v2/guide/)來(lái)做同樣的事情。
創(chuàng)建組件后,您需要了解有關(guān)計(jì)算道具 () https://vuejs.org/v2/guide/computed.html以及如何使用計(jì)算道具在模板中使用導(dǎo)入的文件/類。有很多東西要學(xué):)
我希望這有幫助。

TA貢獻(xiàn)1872條經(jīng)驗(yàn) 獲得超4個(gè)贊
似乎沒(méi)有真正的解決方案,這意味著不修改原始 3rd 方腳本就沒(méi)有解決方案。原因是第 3 方腳本包含“立即調(diào)用函數(shù)表達(dá)式”(IIFE):
(function (win) {
win.MyUtil = {
"func1": function func1() { ... },
"func2": function func1() { ... }
}
}(window));
所以我不得不修改第三方腳本,這是我想要避免的。感謝 Rishinder (VPaul) 指出了正確的方向。現(xiàn)在它是一個(gè)導(dǎo)出對(duì)象的“模塊”:
var MyUtil
export default MyUtil = {
func1: function() { ... },
func2: function() { ... }
}
在 Vue.js 單文件組件文件 (*.vue) 中可以這樣導(dǎo)入(如果它與 *.vue 文件位于同一文件夾中):
<script>
import MyUtil from "./my_util.js"
// code using MyUtil goes here
</script>
添加回答
舉報(bào)