vue js的單檔案元件可以直接瀏覽器載入嗎?

時間 2021-06-02 15:56:14

1樓:

把你寫的 VUE 元件,包括標籤(可以放到中)、註冊元件的方法、僅在元件裡使用的CSS,分離到乙個新的html去就行,然後通過AJAX(如jQuery的load)載入到頁面的乙個隱藏標籤中去。

你就是得自己控制一下元件的載入順序就是了。可能除錯會有些麻煩,你可以在原來的頁面上自己測試好了再分離過去。

如果你想用 .vue 的那些,你說的那些都得用上。

2樓:謝然

通讀過文件好像沒有看到可以直接在瀏覽器裡用的方案不會webpack也沒關係的,用vue-cli生成乙個專案就行了,全套都給你配好,你直接用.vue檔案的方式開發就好了,另外新手的話注意不要新增eslint,測試框架,vue-router等等配置,會把你弄的頭大,一堆報錯資訊你還不一定看得懂

不過我還是建議先用原始的方式開發,畢竟足夠簡單、容易理解,效能也沒有差到太多,除了css比較難組織一點。但也不是沒有解決方案,用less/sass之類的包一下就可以了,比如你想讓某段css只在乙個元件內生效:

div[component-name]

}然後給元件模板的最外層元素加上「component-name」這個屬性就可以了,其實這就是vue內部的處理方式(只不過vue-loader是算出了乙個hash),但這又要用less了,不特別在意效能的話,你可以用less.js在頁面裡編譯:

div[component-name] {border: 2px solid;

textarea {

padding: 5pxlt;/style>sass也有類似的工具:https://

,但是less的這種用法是官方支援的:Usage | Less.js

如何理解Vue js的元件中的slot

軒爺 slot插槽,有具名插槽和普通插槽 插槽 如果元件A中存在 插槽,那麼 123 123就會吧 slot 代替掉,如果乙個元件中需要使用到多個插槽的話,那麼就需要使用到具名插槽了 具名插槽 顧名思義就是帶有名字 name 的插槽,這樣能夠明確區分每乙個插槽 作用域插槽 元件A中存在 使用時 為了...

Vue js中如何動態的載入 解除安裝元件?

暱 痕 v if route.meta.keepAlive router view keep alive v if route.meta.keepAlive router view 然後在設定路由資訊的時候這樣 這個是需要keepalive的 這是不會被keepalive的 暮靄 銷毀沒研究,非同步...

找乙個檔案可以直接通過指標來找嗎?

王旭競 1 本身檔案系統就是通過指標實現的。哪個資料結構離得開指標的。2 如果是指像記憶體一樣,僅通過位移來確定檔案位置,這是不可能的。檔案目錄結構需要動態變化,必須至少是乙個樹結構。3 海量檔案的話,不要放在乙個資料夾裡。 在檔案系統當中檔案 檔名 本身就是以一種資料結構進行組織,在查詢的時候是將...