css+html+js+vue的簡單介紹

本文目錄一覽：

• 1、只會html和css，js只會套用，不會寫，也不是特別懂？怎麼才能學vue？數據交互，一頭霧水。我該怎麼學？
• 2、vue文件html、css、js分離
• 3、有html和css和js為什麼還要學vue
• 4、在web 中PHP，HTML，CSS, JS, jquery, vue, node 的作用是啥

只會html和css，js只會套用，不會寫，也不是特別懂？怎麼才能學vue？數據交互，一頭霧水。我該怎麼學？

vue是屬於MVVM模式的框架，數據交互其實很簡單的，它是通過在data裡面設置參數變量，然後在方法裡面通過this來點這個變量，把需要交互的數據通過這樣的方式渲染到頁面上去。

例如你在頁面上寫了 div{{message}}/div 那麼你就可以在data裡面設置一個 message參數變量，如下：

export default {

data () {

return {

message: ‘默認顯示內容’

}

}

}

然後在方法裡面通過 this.message = ‘新的內容’;

這樣的方式來修改。vue還有生命周期，根據實際情況在不同的周期寫方法來實現想要的功能就可以了。

vue文件html、css、js分離

vue文件默認格式如下

1、全部分離

2、部分分離

全局引入

有html和css和js為什麼還要學vue

近兩年前端技術變革速度太快，vue不論針對web項目開發，網站製作，還是app，小程序開發，都越來越流行，其便捷性及易用程度都讓你不得不考慮去學習。如果僅僅還是傳統的各種cms開源代碼建站仿站，顯然你的技術已經跟不上了，如果你開發的項目數據交互較多，並且前後端分離明顯，那麼vue將會使你未來技術長足成長的不二選擇。

組件化: 其中以 React 的組件化最為徹底,甚至可以到函數級別的原子組件,高度的組件化可以是我們的工程易於維護、易於組合拓展。

天然分層: JQuery 時代的代碼大部分情況下是麵條代碼,耦合嚴重,現代框架不管是 MVC、MVP還是MVVM 模式都能幫助我們進行分層，代碼解耦更易於讀寫。

生態: 現在主流前端框架都自帶生態,不管是數據流管理架構還是 UI 庫都有成熟的解決方案。

在web 中PHP，HTML，CSS, JS, jquery, vue, node 的作用是啥

php是後端語言，簡單來說就是處理數據的，html是用來布局的，css是用來修飾的。

js和jq都是腳本語言，操作dom的，vue是一個框架，node也是後端語言。

首先說一下前端部分：html就是等於你新建的房子，還沒有裝修，只有一個架構，

css就是等於裝修你的房子。使頁面變得好看。jq是js的封裝，就是把js的一些方法封裝起來進行調用，都是屬於腳本語言，用法都差不多，例如你要點擊一個頁面的按鈕觸發什麼事件就是使用js或jq來控制的

再到vue,vue是一個前端框架，它有很多特定的功能，例如：雙向數據綁定，data傳數據等等，非常方便。（功能還有很多，詳細的你自己去學這裡只是舉例一下），php和node都是後端語言，但是node的定性有點不確定性，它雖然是後端語言，但是使用這個語言最多的還是前端開發，它除了可以寫後端數據，它還是很多框架的依賴，例如vue就是需要依賴node環境的。

至於php,我舉個例子：你開發了一個官網，但是你的圖片和產品一開始都是靜態的，就是都是你寫在上面的，但是我總不能每次修改都從代碼裡面去改，然後再上傳到服務器吧，所以我們需要通過後端返回數據，把數據庫裡面的圖片或產品參數通過php的接口來獲取到數據，然後把數據渲染在前端頁面上，這樣只要數據庫裡面的東西修改了，前端頁面自動就替換了新的內容。當然我們是不會自己在數據庫上面去改的，我們還會寫一個管理後台，通過管理後台去上傳圖片到數據庫，不管是前端頁面還是管理後台都是通過php（後端語言）來處理數據進行交互的。