從零開始搭建 Vue3 組件庫開發環境
搭建開發環境 Vite初始化 新建一個空的文件夾,比如叫 Vue3UI ,然後使用命令行在此文件夾下使用npm初始化: npm init 回車後,我們再安裝vite(我們這裏選擇使用Vite進行打包,使用別的也類似): npm install --save-dev vite 根目錄創建 index.html 文件,裏面內容如下: !DOCTYPE html html lang="zh-cn"
搭建開發環境 Vite初始化 新建一個空的文件夾,比如叫 Vue3UI ,然後使用命令行在此文件夾下使用npm初始化: npm init 回車後,我們再安裝vite(我們這裏選擇使用Vite進行打包,使用別的也類似): npm install --save-dev vite 根目錄創建 index.html 文件,裏面內容如下: !DOCTYPE html html lang="zh-cn"
此方法可以用於實現跨源通信等,我們來演示如何實現在兩個窗口之間進行通信。 假設我們現在有兩個頁面:page1.html和page2.html, 他們的關係是通過iframe關聯起來的,就像這樣(下面是page1.html的內容): iframe id="receiver" src="./page2.html" width="300" height="100"/iframe 為了實現通信,首先你需要
函數內 非嚴格模式 通常情況下,定義的函數的this就是window,比如: function doit(){ console.log(this); } doit(); 打印結果: Window {window: Window, self: Window, document: document, name: '', location: Location, …} 嚴格模式 不過,如果開啓了
比如我們現在的需求如下。 有一個函數MyObj,支持如下功能: 可以通過MyObj()的方式返回一個對象,這個對象和new MyObj()是等價的 MyObj本身是一個對象,可以通過MyObj.doit()的方式調用其上的方法或屬性 為了實現需求,第一反應是: var MyObj=function(){ return new MyObj(); }; 然後在My
引入和定義 首先,你需要創建Store實例並暴露出來: // stores/login.store.js const loginInstance = (preState, action) = { switch (action.type) { // 修改狀態 case "changeLoginState": preState.isLo