我想創建一個位于單獨檔案中的全域 mixin。我在網上看到的所有教程總是將 mixin 放在同一個檔案中，或者不解釋如何匯入另一個檔案。
如果它們都在同一個檔案中，mixin 就沒有真正意義，所以必須有某種方法從不同的檔案加載它們，對嗎？
這是我的測驗 mixin_test.js：
export default mixin_test = {
methods: {
test: function( msg )
{
console.log( msg );
}
}
}
在 app.js 我有以下內容：
...
import mixin_test from "./mixin_test.js";
...
在我的組件中：
export default {
name:"something",
mixins: [mixin_test],
mounted(){
this.test( "hello world" );
}
}
如果我在網路瀏覽器中打開頁面，我會收到錯誤訊息：
Uncaught ReferenceError: assignment to undeclared variable mixin_test
有誰知道問題是什么？
uj5u.com熱心網友回復：
defaultexport 與命名匯出不同，不需要指定名稱。defaultexport 是一個運算式。export default mixin_test = ...與 相同console.log(mixin_test = ...)，這會導致分配給不存在的mixin_test變數。
它應該是：
export default {...}
或者：
const mixin_test = {...}
export default mixin_test;
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/353947.html
上一篇：Vue，結果在html表中重復
下一篇：添加新元素后如何清除輸入欄位？