Category: vue

Vue.js 因停用 CSP unsafe-eval 崩壞之初步研究

2023-02-25 01:05 PM

1,488

讀者 Kg 分享，我愛用的 Vue 3.0 輕前端寫法若遭遇資安政策要求禁用 CSP script-src 'unsafe-eval' 將會失效。登楞!!! 研究了一下，Vue 超方便的 template 寫法 template: '<div>{{ message }}</div&...

Vue 2 升級 Vue 3 之全域元件註冊問題

2022-10-14 09:28 PM

1,433

在我專案裡 Vue.js 主要用來處理 MVVM，用 <script> 載入 vue.js，寫幾行 JavaScript 搞定，走不寫模組，不用 TypeScript，免編譯打包的「輕前端」模式，但常用邏輯還是會寫成元件(Component)方便共用。在 Vue 2 時代，我習慣在網頁...

輕前端筆記 - Vue3 SFC(.vue) 元件打包

2022-05-02 10:33 AM

1,983

昨天分享透過 vue3-sfc-loader 載入 .vue 檔案的解決方案，讓輕前端也能輕鬆應用 SFC 元件實現氣刀體一致，但仍有美中不足之處。首先，vue3-sfc-loader 的原理是把 Vue CLI 開發階段用的 SFC 編譯程式搬到瀏覽器端( vue3-sfc-loader.js ...

輕前端筆記 - 使用 Vue SFC (.vue 元件)

2022-05-01 04:41 PM

2,919

前幾天提到在 ASP.NET 使用輕前端整合 Vue.js 做 MVVM，若遇到伺服端元件輸出 script/style 的注意事項。FB 留言區 Died Liu 分享透過 defineAsyncComponent 方法載入 .vue 元件檔的做法，不需要 npm、webpack 也能享受用 ....

輕前端筆記 - Vue.js 整合 ASP.NET 之 script 及 style 標籤問題

2022-04-26 09:05 PM

2,654

前幾天介紹過用 Tag Helper 製作 ASP.NET Core 網頁自訂元件，我便開心寫起元件，初測 OK，與 Vue.js 整合卻遇到問題，與 Vue 處理內含 <script> <style> HTML 的行為有關，請容我娓娓道來。我設計出以下實驗重現及觀察。新增...

從前端整合 WebForm 的各種方法

2021-07-16 05:06 PM

6,042

即便前端發展已十分成熟，幾乎無所不能，但仍有些必須依賴 ASP.NET WebForm 的場合 - 例如，在前端專案中整合既有系統的 WebForm 網頁。如果該系統成熟且穩定，年資還比你多三倍，嚷著把它換掉改用前端重寫，通常老闆想換掉的會是你。另外，有些技術目前只有 WebForm 解決方案，Re...

輕前端札記 - 整合 Vue 導致 jQuery 事件/插件失效

2020-11-22 08:04 AM

4,113

這是我開始用 Vue + jQuery 寫「輕前端」最常遇到的困擾，網頁原本用 jQuery 在 HTML 元素加掛事件或用 jQuery("...").pluginName() 掛上套件，在加入 Vue 之後失效。我知道這聽起來很模糊，用實例展示一下，大家就知道我在說什麼了。 ...

Vue 元件練習 - Checkbox 清單

2020-09-20 10:45 AM

5,045

不管用哪種前端框架，一定少不了遇到 Checkbox 清單需求，之前寫過 KO 版，寫過 NG 版，如今改學 Vue，不寫個 Vue 版成何體統？廢話少說，放碼過來! <!DOCTYPE html> <html> <head> <meta cha...

Vue 3.0 正式版 - 輕前端視角

2020-09-19 10:48 PM

10,457

Vue 團隊在昨天(2020/09/18)正式發佈代號為「海賊王 One Piece」的 Vue 3.0，很快在知乎己有發佈公告的中文翻譯。我在一些「輕前端」專案引用 Vue.js 2.x 處理網頁元素互動操作時的 MVVM，自然要觀注 Vue 的版本發展，而這次關心重點不外乎：Vue 3.0 有什...

輕前端筆記 - 開發 Vue.js 元件封裝 Kendo UI 日期選擇器

2020-09-15 11:52 PM

3,555

這兩年我的網頁開發主要走「輕前端」路線，以 ASP.NET MVC 或 ASP.NET Core .cshtml 為主體，直接 <script > 載入 jQuery、KendoUI 等程式庫處理 UI，若元素間互動較複雜的則用 Vue.js 實踐 MVVM。這有些背離當代重度依賴 np...

輕前端札記 - HTML + JS 引用 CDN Vue.js 套件

2019-10-12 02:38 PM

10,341

我從 onclick/onselect 寫 JavaScript 開始寫動態網頁，經歷了 jQuery 盛世，陸續學過 Knockout.js/AngularJS MVVM，還玩過一點 TypeScript；從來前端開發演進如火箭升天，但我當了中輟生，沒再跟隨前端潮流前進。當今主流的前端開發加入許多...

Vue筆記4-Vue.js + TypeScript + ASP.NET Core

2019-02-23 07:31 AM

17,496

這兩年前端寫得少，Vue 筆記呈現「外出取柴」狀態轉眼也一年多。這段期間仍在留意 Vue.js 發展，專案上也用 Vue 取代 AngularJS 實作過幾個網頁的 MVVM，但嚴格來說沒什麼長進。前幾週有網友問起老程式 - 中文編碼解析工具，讓我興起念頭，不如把它改成網頁版順便開源吧! 想當然爾...

Vue筆記3-Vue TypeScript 定義檔簡便做法

2017-10-18 07:46 AM

8,744

要用 TypeScript 寫 Vue 程式，首先要取得 Vue.js TypeScript 定義檔才能享受強型別的好處。 Vue 2.0 釋出於 2016/9/30(最新版為 2.5 版)，NuGet 上的 vue.TypeScript.DefinitelyTyped 更新時間為 2016/...

Vue筆記2-在 ASP.NET 專案使用 Vue.js

2017-10-17 08:53 AM

20,446

相信大家看完官方教學已經躍躍欲試，就讓我們動手在 VS2017 ASP.NET 專案開個網頁試試 Vue.js。好消息是 NuGet 上使用 vue 關鍵字就能找到 Vue.js 作者(Evan You, 尤雨溪)自己維護的 Vue 套件，Developer 版本包含較完整詳細的錯誤訊息，如果...