VUE JS相關問題

vue.js

tenno081 2018-08-21 17:40:10 ‧ 1769 瀏覽

分享至

是這樣的最近知道有這種框架，聽說jquery能做到的他也能且還比Angular還易懂，我就弄來看看，要用出最簡單的hellow world沒甚麼問題，可是改成使用vue檔的方式我就不行了。

我是使用這個網站的範例
https://codepen.io/chriscoyier/project/editor/ZJYvvg?preview_height=30&open_file=js/components/my-component.vue&preview_file=index.html

我使用後冒出兩個錯誤

所以能否請各位幫我看一下我是哪裡有錯誤?

這是我的雲端硬碟
https://drive.google.com/open?id=1SkUC-QUBy3djJSACYQ2XZneDLxn7FUX-

看更多先前的討論...收起先前的討論...

神Q超人 iT邦研究生 5 級 ‧ 2018-08-21 17:50:18 檢舉

如果有火狐的話用火狐開開看，成功的話可以參考這個：
https://blog.twtnn.com/2015/03/ajaxcross-origin-requests-are-only.html

tenno081 iT邦研究生 4 級 ‧ 2018-08-21 18:00:17 檢舉

火狐沒問題，我沒想到用火狐開，感謝解答，那能否再請問，asp.net 裡面還有razor 語法這東西，我只知道他是板模引擎，可否請問，學了vuejs之後還會再用到這個嗎?還是彼此不衝突?

神Q超人 iT邦研究生 5 級 ‧ 2018-08-21 18:57:51 檢舉

他們應該不衝突，
不過我不確定asp.net是怎麼處理資料綁定這一塊的0_0
可以看有沒有其他用過的大大可以提供意見

tenno081 iT邦研究生 4 級 ‧ 2018-08-21 19:33:02 檢舉

我也不知道，目前我也只是暫時用vscode來寫這個做實驗而已

小碼農米爾 iT邦高手 1 級 ‧ 2018-08-22 19:30:31 檢舉

可以說衝突也可以說不衝突，
衝突原因是 Vue、Angular，React 等前端框架，
比較適合 SPA 網站，需要執行在穩定的 JS 環境上，
而 Razor 是後端渲染，每次 Get/Post 都會將前端的 JS 環境清掉，
不過還是可以搭配使用，看情況決定要SPA多一點還是Razor，
不過既然都用 Vue 了，當然還是偏重 SPA 比較好，Razor 只產生基本的 HTML，其他資料溝通都用 AJAX 呼叫 Web API 取得，再交給 Vue 處理畫面。

tenno081 iT邦研究生 4 級 ‧ 2018-08-22 20:48:32 檢舉

痾，沒事

小碼農米爾 iT邦高手 1 級 ‧ 2018-08-22 21:59:35 檢舉

以我自己的學習過程，我排序一下順序。
1. 專精一項程式語言。
2. 練習題目 LeetCode 或 Code Jam 等。
3. 學習框架 MVC 後端，Vue 前端。
時間不多的情況可以先學後端框架就好，但要小心不要被各種套件框架迷惑了，基本功才是最重要的。

tenno081 iT邦研究生 4 級 ‧ 2018-08-22 22:25:47 檢舉

感謝分享，我目前狀況是MVC才準備開始教，前端部分就大概能看一下，就大概像w3school裡的範例能理解7成左右，我因為10月結訓所以時間不太夠，加上我是打算自己一個人做，我目前是想以我買的一本書為主框架然後用他做修改，至於vue其實我們沒有教，我是偶然看到，看了一下之後居然可以從他的hello world裡看出最基本的MVVM架構，這個頓悟感大概是我目前所學中最開心的一次，只是要把他整合在一起我就不行了，真得很感謝你的分享。