title: script標籤引入vue方式開發如何寫元件
date: 2020-05-08
sidebardepth: 2
tags:
很多人知道.vue結構的單檔案元件形式，不過這種單檔案元件的結構如果要加入到現有的jquery專案中就比較麻煩了，那如果我們又想用vue來寫模板，又不想引入vue-cli管理，那該怎麼來寫元件呢？
很多人知道.vue結構的單檔案元件形式，不過這種單檔案元件的結構如果要加入到現有的jquery專案中就比較麻煩了，那如果我們又想用vue來寫模板，又不想引入vue-cli管理，那該怎麼來寫元件呢？別著急往下看！
vue.component("card",,
list:
},template:`
}可以擴充套件的卡片內容
`,methods:,
cancelhandle()
}});
ps：**中有slot的地方是分發內容的定製模板，slot為modal-content 定製提醒資訊模板，slot為modal-footer 定製底部模板。你可以在父頁面進行卡片樣式的更改和功能的增減。定義好的這個元件在父頁面中也要以script標籤的形式引入進來，當然你也可以直接定義在父頁面中，這個按照你自己的需求和邏輯來寫。
var headertemplate = 'header html **
'vue.component('my-header',
// ...
})
script標籤引入
1 css寫在哪？內部樣式表 屬性樣式 樣式屬性值 內部 style雙標籤，包裹css樣式 外部 外聯 link單標籤href屬性，引入css檔案路徑 2 js寫在哪？內聯 屬性形式 事件觸發 不建議使用，原因 結構和行為的分離，優化專案，便於管理，為了測試方便 內部 script雙標籤，包裹js ...
script標籤的crossorigin屬性
通常我們使用window.onerror來捕獲js指令碼的錯誤資訊。但是對於跨域呼叫的js指令碼，onerror事件只會給出很少的報錯資訊 error script error.這個簡單的資訊很明顯不足以看出指令碼的具體錯誤，所以我們可以使用crossorigin屬性，使得載入的跨域指令碼可以得出跟...
script標籤的位置
在我們編寫 的時候，會在頁面內使用 script 標籤來寫js，雖然理論上script標籤的位置放在 可以，但是還是有一點區別的。為什麼很多人把script標籤放在底部 初學者在學習js的時候看見很多demo裡面的script標籤寫在底部，但是卻不是很清楚為什麼，下面來解釋一下 雖然理論上放在 都是...