從多頁面形式到單頁面(vue組件總結)


文章前提:該文只是想總結一下自己所學過的知識,如果有不對的地方,希望看到的人可以批評指正,謝謝!

  前端使用語言  javascript  html  css  開發軟件隨意 ,個人覺得hbuilder和 vscode挺好用。

        多頁面形式:三件套  js(ES5)、html(html5)、css (使用css3)  框架(jq)

        步驟:首先建立文件,分為三個文件夾,html文件引入css樣式跟js動態,相對簡單。

        單頁面形式:

           步驟:1、安裝node.js的環境,根據node建立一個依賴node環境的文件夾,安裝vue-cli腳手架,安裝依賴。

                    2、先整理main.js,引入 vue路由、store、axios, pc端引入element-ui ,移動端用 vant.其他看情況安裝,在vue里掛載各種依賴。

                    3、整理路由,把文件引入router的里面,放到routes里面,注意子路由的(沒有‘/’)。路由鈎子函數 beforeEach可以做操作。可以動態添加路由,需要后台配合                              (permission.js)

                   4、整理vuex,vuex有5個參數 staes、getter、action(異步/dispatch)、munation(同步/commit)、module(模塊注入).

 這是對vue最簡單的文字敘述,每個模塊都有很多知識點,沒有細說,需要了解看官方文檔。

       補充:可以使用mock數據

 
 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM