這里的組件化開發是使用什么??

vue-loader么...

如果是vue-loader可以通過 require來引入就可以

比如Js文件寫到assets/js中

在main.js中可以 require('./src/assets/xxx.js')

如果只是單頁面html,可以直接引入就行了

所以語言來學習都有共同之處。作為一名年輕數的前端開發轉的話，如果從零到一去學習前端開發知識，我給出以下建議。

第一，學習HTML和CSS的基礎知識。

這里你需要熟悉HTML各個標簽的功能和作用，學習css的各種屬性等。因為你拿到美工提供給你的設計之后，把它開發成一個精美頁面，就在是內容來說，需要HTML和css的知識。如果你不清楚每一個屬性是什么樣子的，那么你在開發的時時候效率比較低，還先查一下需要用什么屬性再進行開發。

這類知識的學習可以充分利用目前的在線平臺，例如菜鳥教程，慕課網等等。如果你想通過書本學習，可以找銷量比較高的書。

第二點，學習JavaScript相關知識。

在前端里js是非常重要的，頁面中的聯動數據處理，或者是彈窗或者是一些觸發事件等等，都是需要js來實現的。

js就要比html和css復雜很多，你可以用js實現一個算法，而另外兩種不能。書籍的話推薦《avaScript DOM 編程藝術》、大厚本里Zakas的《JavaScript高級程序設計》 、犀牛書《JavaScript權威指南》、《高性能JavaScript》等等

JavaScript學習可以參考上面提到，從零到一，從一到N，循序漸進掌握。此外，還需要學習AJAX、jQuery相關知識，一個是跟后端交互，一個是快速、簡潔的JavaScript框架。

第三點，學習前端框架

web前端三大主流框架都是Angular、React、Vue。前端框架的使用可以讓你如虎添翼，更方便快速的開發。

(1) Angular

Angular原名angularJS誕生于2009年，之前都是用jquery開發，自從angular的出現讓開發者有了新的選擇，這個框架之前開發中有使用過，它把后端的一些開發模式移植到前端來實現，如MVC、依賴注入等。

(2) React

React，facebook出品，正式版推出是在2013年，比angular晚了4年，但得益于其創新式的VirtualDOM，性能上碾壓angularJS，一經推出，火的一塌糊涂。 特點很多，VirtualDOM、JSX、Diff算法等，支持ES6語法，采用函數式編程，門檻稍高，但也更靈活，能讓開發具有更多可能性。

(3) Vue

Vue作為最晚推出的框架（2014年），借鑒了前輩angular和react的特點（如VirtualDOM、雙向數據綁定、diff算法、響應式屬性、組件化開發等）并做了相關優化，使其使用起來更加方便，更容易上手，比較少適合初學者。國內目前使用vue的開發者越來越多，的確也比較好用

第四點，著手開發一個練手的應用。

除了一系列基礎知識的學習之外，必要的開發練習還是很重要的。你在學習基礎知識的時候同時加以練習，這樣你可以知道每一個變量它具體實現的是什么樣的效果。

其實是將你學過的所有知識給我廢話哦。開發一個完整的應用，將你所學的知識盡可能的應用其中，這樣對你會有更大的提升，因為學習編程語言的目的最終的結果就是開發出一個完整的應用。我實際開發應用的過程中，你就會知道某個方法在具體場景下如何使用。

學前端吧，涉及的知識比較少：html+css+javascript

先學html，然后css，最后javascript。

不知道你每天拿得出多少時間來學。自學周期大概半年到一年吧。

掌握了html/css/javascript，還需要了解一下前端常用庫和框架。

jquery：前端最常用的庫，一定要熟悉。

vue.js/react：前端最常用的框架，掌握一個就好了。

http協議了解一下。各種請求的用法，狀態碼的含義。

找工作之前做一個小東西。面試的時候可以拿出來展示，讓雇主看到你的能力。也可以參加一些前端開源組件開發，面試的時候也可以加分。