首先申明這是基礎內容為的是帶大家了解vue這個內容嘗試學習vue基礎知識其實vue是一個很大的知識體系這里我簡單的講述了一下對于前后端數據傳輸后的數據最基本的處理不涉及生態只是對交互邏輯和渲染的基礎講解深入學習的話請關注其他博客建議學習前先學習基礎的語法知識關于htmlcss和js的基礎語法知道大概的標簽內容了解每一個標簽都有什么屬性不需要全部了解知道基礎即可框架vue學習1利用es模塊建立先嘗試很很重要我們先建立一個簡單的項目2常見的v-命令操作html注意**差值表達式是不能展示在標簽內部的比如這個例子中的src這樣的話無法直接講內容展示而是直接當成文本展示{{e.image}}解決方法是利用v-bind這里的src直接就寫可取到的遍歷值不加{{}}至于后面這個alt是當圖片找不到時展示的內容當要根據傳入的值確定不同的內容時我們需要用到以下這個兩個指令具體的使用區別v-if和v-show的區別v-if對于每一個數據一次判斷即可這個同一個數據的同一個判斷在一個頁面中不會多次再次的反復用到每一個都會渲染只不過是通過css的display隱藏了v-show則是會多次用到的由于對于任何一個v-xxx的操作都需要依附于標簽所以我們要這樣寫此時如果我們打開f12工具查看就可以看到不是將這一整個代碼展示出來而是只顯示出來對應的班主任或者講師這一條信息如下圖jS源代碼Elements 能看見 script 內文本頁面看不見完整源碼去 Sources。JS生成的 HTML 標簽運行完立刻出現在 Elements 面板頁面可視化展示。此時我們對比v-show就可以看到區別接下來說一下v-modelv-module這個首先須要我們在data的return的返回數據內容中定義然后驚醒綁定這個空的內容重點是這個內容和數據的希納是是綁定的這個searchform的數據發生改變后綁定的項的內容也會發生改變還有最后一個v-on基礎版的vue內容就講完了其實通過這個簡單的介紹我們可以看到理解一個基本概念vue其實是對原本js的規范和格式規定方便了我們對js代碼的維護有了一個系統的表示方法同時還對于服務端的傳輸和用戶看到的內容渲染進行聯系對于我們新手接觸這些東西我們了解后嘗試寫一下代碼會有更好的體驗這是我嘗試做javaweb基礎的第一期文章中大量引用了網絡上其他的視頻截圖和自己的代碼這里為大家做一個知識梳理