『壹』 php文件如何接受vue前端axios傳過來的參數實現登錄驗證
前端請求要麼GET要麼POST。
你在php裡面獲取的話可以使用超全局變數： $_GET/$_POST。
根據對應的請求方式可以直接獲取到所有的請求數據。
『貳』 前端中的Vue是什麼
Vue.js 是一個JavaScriptMVVM庫，是一套構建用戶界面的漸進式框架。它是以數據驅動和組件化的思想構建的，採用自底向上增量開發的設計。相比於Angular.js，Vue.js提供了更加簡潔、更易於理解的API，使得我們能夠快速地上手並使用Vue.js；同時比起 React + Rex 相對復雜的架構，Vue.js 更加輕量級也更加容易上手，是初創項目的首選前端框架。Vue 的核心庫只關注視圖層，它不僅易於上手，還便於與第三方庫或既有項目整合。
Vue.js是一個構建數據驅動的 web 界面的漸進式框架，是一個JavaScript MVVM庫。Vue.js 的目標是通過盡可能簡單的 API 實現響應的數據綁定和組合的視圖組件。
與其他重量級框架不同的是，Vue 採用自底向上增量開發的設計。Vue 的核心庫只關注視圖層，並且非常容易學習，非常容易與其它庫或已有項目整合。另一方面，Vue 完全有能力驅動採用單文件組件和Vue生態系統支持的庫開發的復雜單頁應用。
為什麼？
1、文檔好
2、簡單
3、更新快
4、開發效率高
5、能大能小 能上能下
6、開始學習成本低
7、支持組件化，也就是可以將頁面封裝成若干個組件，採用積木式進行編程
以上回答希望對你有所幫助
『叄』 vuejs怎麼管理應用的登錄狀態
沒用過vue-router，我用的是director，不過基本功能差別應該不大（我猜）
1、你登錄完了以後把狀態（token）存在本地儲存或者cookies裡面；
2、登錄成功的時候通知組件更新信息（比如說顯示頭像什麼的）；
3、在從login界面進入到其他界面的時候，也就是在切換路由後，載入信息前，進行一次登錄驗證，若通過則載入，若不通過則返回login界面。
『肆』 前端vue是什麼
Vue.js 是一個JavaScriptMVVM庫，是一套構建用戶界面的漸進式框架。它是以數據驅動和組件化的思想構建的，採用自底向上增量開發的設計。相比於Angular.js，Vue.js提供了更加簡潔、更易於理解的API，使得我們能夠快速地上手並使用Vue.js；同時比起 React + Rex 相對復雜的架構，Vue.js 更加輕量級也更加容易上手，是初創項目的首選前端框架。Vue 的核心庫只關注視圖層，它不僅易於上手，還便於與第三方庫或既有項目整合。
今天帶領大家來了解一款漸進式JavaScript框架——Vue。
近年來，前端開發領域，舊瀏覽器逐漸淘汰，移動端開發需求逐年增加，前端交互越來越多，功能越來越復雜。架構從傳統後台MVC向REST API + 前端MV* 遷移。
MV*相當於MVC即：
Model（模型）表示應用程序核心（比如資料庫記錄列表）。
View（視圖）顯示前端的學習都是需要不斷的學習，學一天停一停相當於白學，學習效果很差，如果你想有人一起學習可以來這個扣裙，首先是132 中間是667最後是127 都是零基礎的同學，大家相互鼓勵 共同努力 只是學著玩就不建議來了!!!數據（資料庫記錄）。
Controller（控制器）處理輸入（寫入資料庫記錄）。
MVP
Model（模型）表示應用程序核心（比如資料庫記錄列表）。
View（視圖）顯示數據（資料庫記錄）。
Presenter（表示器）負責邏輯處理業務。
與MVC差別在於：
1、View與Model完全隔離。
2、Presenter與View的具體實現技術無關。
3、可以進行View的模擬測試。
MVVM（Vue就是一種MVVM框架）
Model（模型）表示應用程序核心（比如資料庫記錄列表）。
View（視圖）顯示數據（資料庫記錄）。
ViewModel（觀察者）負責把Model的數據同步到View顯示出來，還負責把View的修改同步回Model。
優點：高內聚，低耦合（可重用性、可移植性）。
Vue是一款數據驅動+組件化的前端開發框架，對比於Angular和React，Vue.js更輕量，gzip後大小隻有26K （Angular 56K,React 44K），同時更易上手，學習曲線平穩，吸收兩家之長，借鑒了angular的指令和react的組件化。
『伍』 vue前端 登錄報錯
http請求封裝體里status報錯undefined了；
建議加個屬性判斷是否存在或者用try catch
『陸』 前端 vue 已登陸用戶怎麼處理
可以嘗試用vuex做狀態管理，當用戶登錄成功之後，將狀態信息存放在相應的本地（如果是web端可以定義一個cookie，設置一下過期時間，如果是移動端，可以嘗試放在localstorage）。登錄之前做阻塞，去做這個狀態信息的檢測，通過就登錄。沒通過就路由到登錄界面
『柒』 前端vue2新建頁面功能
一般用在控制用戶是否有許可權進入，或者當遊客進行某些必須是用戶的操作時，跳轉登陸。
是一套用於構建用戶界面的漸進式框架。與其它大型框架不同的是，Vue被設計為可以自底向上逐層應用。
Vue的核心庫只關注視圖層，不僅易於上手，還便於與第三方庫或既有項目整合。另一方面，當與現代化的工具鏈以及各種支持類庫結合使用時，Vue 也完全能夠為復雜的單頁應用提供驅動。
『捌』 前端：Vue和React都學會後，對比React和Vue的11個基本功能-
1、Jsx和template
在Vue2中是使用 template 的，這點使用 Vue 的同學們都知道，而在 React 中使用的是 JSX ， JSX 是一個看起來很像 XML 的 JavaScript 語法擴展。
它有以下優點：
JSX 的例子：使用ReactDOM.render函數，將DOM渲染到對應到id為app的節點下
2、React 中給元素設置 style
React 使用內聯樣式。我們可以使用 駝峰法 語法來設置內聯樣式. React 會在指定元素數字後自動添加 px 。以下實例演示了給 h1 元素添加 myStyle 內聯樣式：
3、React 中給元素設置 class
由於 JSX 就是 JavaScript，一些標識符像 class 不建議作為 XML 屬性名。作為替代，使用 className 來做對應的屬性。
4、React 中的點擊事件
在 Vue 中的點擊事件使用的是 @click 來觸發的，而在 JSX 中使用的是 onClick
5、React 中修改值觸發DOM更新
我使用的是 React hook 其中的 useState ，這一個hook在修改常量的時候比較簡單，但是在修改引用 對象 或者 數組 的時候就需要先進行 淺拷貝 再進行覆蓋修改
6、生命周期
使用React的hook—— useEffect
第二個參數不傳
當 useEffect 第二個參數不傳時， 頁面初始 和 數據更新 的時候，第一個參數函數都會執行，所以此時初始頁面時會輸出一次啦啦啦，然後無論你點修改num或者修改count的按鈕時，也都會輸出啦啦啦
第二個參數傳遞空數組
當 useEffect 第二個參數傳 [] 時，那麼第一個參數函數只有在 頁面初始 的時候才會執行，也就是只執行一次，無論你點修改num或者修改count的按鈕，都不會執行這個函數
第二個參數傳遞非空數組
當 useEffect 第二個參數傳非空數組時， 頁面初始 和 依賴的數據發生更新 的時候，第一個參數函數都會執行。比如上方的例子：
return清除操作
React 會在組件卸載的時候執行清除操作。effect 在每次渲染的時候都會執行。React 會在執行當前 effect 之前對上一個 effect 進行清除。
實在不理解的同學，可以瘋狂點擊按鈕，看看 我是定時器 這句話會輸出多遍還是只輸出一遍，就恍然大悟了
7、React 中實現 v-if & v-else
Vue中的v-if和v-else
v-if 指令用於條件性地渲染一塊內容。這塊內容只會在指令的表達式返回 true 值的時候被渲染。
也可以用 v-else 添加一個其他模塊：
React中實現
如果單單只想實現 v-if 的話，可以藉助 && 邏輯運算符
如果想實現 v-if 和 v-else 的話，可以藉助 三元運算符
8、React 中實現 v-show
Vue 中的 v-show
另一個用於根據條件展示元素的選項是 v-show 指令。用法大致一樣：
不同的是帶有 v-show 的元素始終會被渲染並保留在 DOM 中。 v-show 只是簡單地切換元素的 CSS property display 。
React中實現
其實就是改變元素的 display 這個樣式來實現效果
9、React 中實現 v-for
我們可以用 v-for 指令基於一個數組來渲染一個列表。 v-for 指令需要使用 item in items 形式的特殊語法，其中 items 是源數組，而 item 則是數組的每一項的別名。
Vue中的v-for
React中實現
JSX 允許在模板中插入數組，數組會自動展開所有成員：
但是我大多數情況會使用數組的 map 方法來協助渲染
10、React 中實現 computed
Vue 中的 computed
只要 name 或者 food 改變， mag 會更新成相應的值
React中實現
在 React 中需要通過 useMemo 這個 hook 來來實現 computed 的效果
11、React 中實現 watch
『玖』 vue前端面試題有哪些呢
文章中給你列舉了部分的面試題，這些都是公司面試常遇到的，還有需要的還可以自己去查閱一下資料
1、active-class是哪個組件的屬性？嵌套路由怎麼定義？
答：vue-router模塊的router-link組件。
2、怎麼定義vue-router的動態路由？怎麼獲取傳過來的動態參數？
答：在router目錄下的index.js文件中，對path屬性加上/:id。 使用router對象的params.id
3、vue-router有哪幾種導航鉤子？
答：三種，一種是全局導航鉤子：router.beforeEach(to,from,next)，作用：跳轉前進行判斷攔截。第二種：組件內的鉤子；第三種：單獨路由獨享組件
4、scss是什麼？安裝使用的步驟是？有哪幾大特性？
答：預處理css，把css當前函數編寫，定義變數,嵌套。 先裝css-loader、node-loader、sass-loader等載入器模塊，在webpack-base.config.js配置文件中加多一個拓展:extenstion，再加多一個模塊：mole裡面test、loader
4.1、scss是什麼？在vue.cli中的安裝使用步驟是？有哪幾大特性？
答：css的預編譯。
使用步驟：
第一步：用npm 下三個loader（sass-loader、css-loader、node-sass）
第二步：在build目錄找到webpack.base.config.js，在那個extends屬性中加一個拓展.scss
第三步：還是在同一個文件，配置一個mole屬性
第四步：然後在組件的style標簽加上lang屬性 ，例如：lang=」scss」
有哪幾大特性:
1、可以用變數，例如（$變數名稱=值）；
2、可以用混合器，例如（）
3、可以嵌套
5、mint-ui是什麼？怎麼使用？說出至少三個組件使用方法？
答：基於vue的前端組件庫。npm安裝，然後import樣式和js，vue.use（mintUi）全局引入。在單個組件局部引入：import {Toast} from 『mint-ui』。組件一：Toast(『登錄成功』)；組件二：mint-header；組件三：mint-swiper
6、v-model是什麼？怎麼使用？ vue中標簽怎麼綁定事件？
答：可以實現雙向綁定，指令（v-class、v-for、v-if、v-show、v-on）。vue的model層的data屬性。綁定事件：<input @click=doLog() />
7、axios是什麼？怎麼使用？描述使用它實現登錄功能的流程？
答：請求後台資源的模塊。npm install axios -S裝好，然後發送的是跨域，需在配置文件中config/index.js進行設置。後台如果是Tp5則定義一個資源路由。js中使用import進來，然後.get或.post。返回在.then函數中如果成功，失敗則是在.catch函數中
8、axios+tp5進階中，調用axios.post(『api/user』)是進行的什麼操作？axios.put(『api/user/8′)呢？
答：跨域，添加用戶操作，更新操作。
9、什麼是RESTful API？怎麼使用?
答：是一個api的標准，無狀態請求。請求的路由地址是固定的，如果是tp5則先路由配置中把資源路由配置好。標准有：.post .put .delete
10、vuex是什麼？怎麼使用？哪種功能場景使用它？
答：vue框架中狀態管理。在main.js引入store，注入。新建了一個目錄store，….. export 。場景有：單頁應用中，組件之間的狀態。音樂播放、登錄狀態、加入購物車
11、mvvm框架是什麼？它和其它框架（jquery）的區別是什麼？哪些場景適合？
答：一個model+view+viewModel框架，數據模型model，viewModel連接兩個
區別：vue數據驅動，通過數據來顯示視圖層而不是節點操作。
場景：數據操作比較多的場景，更加便捷
12、自定義指令（v-check、v-focus）的方法有哪些？它有哪些鉤子函數？還有哪些鉤子函數參數？
答：全局定義指令：在vue對象的directive方法裡面有兩個參數，一個是指令名稱，另外一個是函數。組件內定義指令：directives
鉤子函數：bind（綁定事件觸發）、inserted(節點插入的時候觸發)、update（組件內相關更新）
鉤子函數參數：el、binding
13、說出至少4種vue當中的指令和它的用法？
答：v-if：判斷是否隱藏；v-for：數據循環出來；v-bind:class：綁定一個屬性；v-model：實現雙向綁定
14、vue-router是什麼？它有哪些組件？
答：vue用來寫路由一個插件。router-link、router-view
15、導航鉤子有哪些？它們有哪些參數？
答：導航鉤子有：a/全局鉤子和組件內獨享的鉤子。b/beforeRouteEnter、afterEnter、beforeRouterUpdate、beforeRouteLeave
參數：有to（去的那個路由）、from（離開的路由）、next（一定要用這個函數才能去到下一個路由，如果不用就攔截）最常用就這幾種
16、Vue的雙向數據綁定原理是什麼？
答：vue.js 是採用數據劫持結合發布者-訂閱者模式的方式，通過Object.defineProperty()來劫持各個屬性的setter，getter，在數據變動時發布消息給訂閱者，觸發相應的監聽回調。
具體步驟：
第一步：需要observe的數據對象進行遞歸遍歷，包括子屬性對象的屬性，都加上 setter和getter
這樣的話，給這個對象的某個值賦值，就會觸發setter，那麼就能監聽到了數據變化
第二步：compile解析模板指令，將模板中的變數替換成數據，然後初始化渲染頁面視圖，並將每個指令對應的節點綁定更新函數，添加監聽數據的訂閱者，一旦數據有變動，收到通知，更新視圖
第三步：Watcher訂閱者是Observer和Compile之間通信的橋梁，主要做的事情是:
1、在自身實例化時往屬性訂閱器(dep)裡面添加自己
2、自身必須有一個update()方法
3、待屬性變動dep.notice()通知時，能調用自身的update()方法，並觸發Compile中綁定的回調，則功成身退。
第四步：MVVM作為數據綁定的入口，整合Observer、Compile和Watcher三者，通過Observer來監聽自己的model數據變化，通過Compile來解析編譯模板指令，最終利用Watcher搭起Observer和Compile之間的通信橋梁，達到數據變化 -> 視圖更新；視圖交互變化(input) -> 數據model變更的雙向綁定效果。
ps：16題答案同樣適合」vue data是怎麼實現的？」此面試題。
17、請詳細說下你對vue生命周期的理解？
答：總共分為8個階段創建前/後，載入前/後，更新前/後，銷毀前/後。
創建前/後： 在beforeCreated階段，vue實例的掛載元素$el和數據對象data都為undefined，還未初始化。在created階段，vue實例的數據對象data有了，$el還沒有。
載入前/後：在beforeMount階段，vue實例的$el和data都初始化了，但還是掛載之前為虛擬的dom節點，data.message還未替換。在mounted階段，vue實例掛載完成，data.message成功渲染。
更新前/後：當data變化時，會觸發beforeUpdate和updated方法。
銷毀前/後：在執行destroy方法後，對data的改變不會再觸發周期函數，說明此時vue實例已經解除了事件監聽以及和dom的綁定，但是dom結構依然存在
18、請說下封裝 vue 組件的過程？
答：首先，組件可以提升整個項目的開發效率。能夠把頁面抽象成多個相對獨立的模塊，解決了我們傳統項目開發：效率低、難維護、復用性等問題。
然後，使用Vue.extend方法創建一個組件，然後使用Vue.component方法注冊組件。子組件需要數據，可以在props中接受定義。而子組件修改好數據後，想把數據傳遞給父組件。可以採用emit方法。
19、你是怎麼認識vuex的？
答：vuex可以理解為一種開發模式或框架。比如PHP有thinkphp，java有spring等。
通過狀態（數據源）集中管理驅動組件的變化（好比spring的IOC容器對bean進行集中管理）。
應用級的狀態集中放在store中； 改變狀態的方式是提交mutations，這是個同步的事物； 非同步邏輯應該封裝在action中。
20、vue-loader是什麼？使用它的用途有哪些？
答：解析.vue文件的一個載入器，跟template/js/style轉換成js模塊。
用途：js可以寫es6、style樣式可以scss或less、template可以加jade等
21、請說出vue.cli項目中src目錄每個文件夾和文件的用法？
答：assets文件夾是放靜態資源；components是放組件；router是定義路由相關的配置;view視圖；app.vue是一個應用主組件；main.js是入口文件
22、vue.cli中怎樣使用自定義的組件？有遇到過哪些問題嗎？
答：第一步：在components目錄新建你的組件文件（smithButton.vue），script一定要export default {
第二步：在需要用的頁面（組件）中導入：import smithButton from 『../components/smithButton.vue』
第三步：注入到vue的子組件的components屬性上面,components:{smithButton}
第四步：在template視圖view中使用，<smith-button> </smith-button>
問題有：smithButton命名，使用的時候則smith-button。
23、聊聊你對Vue.js的template編譯的理解？
答：簡而言之，就是先轉化成AST樹，再得到的render函數返回VNode（Vue的虛擬DOM節點）
詳情步驟：
首先，通過compile編譯器把template編譯成AST語法樹（abstract syntax tree 即 源代碼的抽象語法結構的樹狀表現形式），compile是createCompiler的返回值，createCompiler是用以創建編譯器的。另外compile還負責合並option。
然後，AST會經過generate（將AST語法樹轉化成render funtion字元串的過程）得到render函數，render的返回值是VNode，VNode是Vue的虛擬DOM節點，裡面有（標簽名、子節點、文本等等）
『拾』 web前端開之網站搭建框架之vue詳解
網站搭建框架之vue
Vue是web前端快速搭建網站的框架之一。它與jQuery有所不同，是以數據驅動web界面（以操作數據改變頁面，而jQuery是以操作節點來改變頁面），同時，vue還實現了數據的雙向綁定，可及時響應用戶的輸入。最主要的是vue的寫法簡單，容易掌握，組件形式可以大大提高工作效率。
對於vue的使用可以分為兩種使用形式：1.引入vue.js文件，在js中將vue實例化；2.通過node安裝第三方包--vue，搭建腳手架，用腳手架將頁面分成幾個組件編寫，從而利用組件來搭建頁面。
引入vue.js的寫法
Vue分為V層（視圖層）和M層（數據層），一般都是由M層的數據來驅動V層的改變。而vue的常用指令數量不多且寫法簡單。常用的有v-html、v-text、v-show、v-if、v-else、v-for、v-bind:、v-model。v-html和v-text都是將數據寫進標簽內，但它們的不同之處在於v-text會將標簽當做文本內容寫入
，而v-html則會對標簽進行編譯，只顯示標簽內的內容。
至於v-show、v-if、v-else這三個指令都是通過布爾值的判斷來執行的，當布爾值為真時，設置了v-show、v-if指令的標簽會顯示出來，當布爾值為假時，標簽隱藏；而v-else與這兩個指令相反。除此之外，v-show和v-if、v-else之間也有差別，v-show是改變標簽的display屬性來使標簽顯示或隱藏；而v-if、v-else是通過添加或刪除節點，來顯示或隱藏標簽的。
V-for是vue的一種遍歷方法，這個方法極大的簡化了數組或對象的遍歷並顯示到頁面的步驟
而v-bind：是對html屬性或自定義屬性的數據驅動方式，格式為v-bind:href，可簡寫為：href。對於類（class）的操作是通過布爾值來判斷增加或者隱藏類，同時。類和樣式（style）所接受的數據類型為對象。
V-model指令的作用是將數據進行雙向綁定，僅限於輸入類型標簽。當用戶在頁面輸入時，數據層的數據會跟著改變。這是VM模式。由v驅動m。
除了這些普通的指令之外，還有事件指令v-on:，可簡寫為@+事件名，例如：@click，並將執行函數寫到vue的methods中
通過腳手架來寫項目的話，可用通過寫組件，再將組件引入（注冊）到另一個vue文件里拼接在一起，從而構建出一個頁面。
（組件書寫格式）
（組件整合）
（注冊路由）
路由是通過vue-router來實現的，在注冊路由的時候要將router實例化。不同的路由跳轉不同的頁面，這是搭建單頁面應用的優勢。
而父組件與子組件之間的通訊可以通過props將父組件的信息傳遞給子組件，改變子組件的內容，這樣子組件的復用就不會有障礙了，而子組件傳遞信息給父組件或者其他組件的通訊則需vuex。
通過引入vuex並實例化一個Vuex.Store作為一個公共平台，將數據進行傳輸。通過vue的computed方法接收數據，通過methods方法改變數據。而這個公用平台可以實現組件與組件之間的信息傳遞，從而實現組件之間的交互。
通過一個星期的實戰，深深的體會到了vue的優勢，在構建移動端這方面的效率很高。但在搭建的過程中，還是少不了與jQuery結合，畢竟每個工具都有其優點，擇其優而用是明智的選擇。