vue 是一套用於構建使用者介面的漸進式框架。與其它大型框架不同的是，vue 被設計為可以自底向上逐層應用。vue 的核心庫只關注檢視層，不僅易於上手，還便於與第三方庫或既有專案整合。
1.引入vue
cdn的引入
2. 建立vue例項物件
在上面**中，我們通過new vue()構建了乙個vue的例項。
在例項化 vue 時，需要傳入乙個選項物件，它可以包含資料、模板、掛載元素、方法、生命週期鉤子等選項。比如：掛載元素（el）和資料（data），我們可以操縱資料改變檢視。
el表示vue要操作哪乙個元素下面的區域，比如：#box則表示操作id為box的元素下面的區域；
data表示vue例項的資料物件，data的屬性能夠響應資料的變化；每個 vue 例項都會**其 data 物件裡所有的屬性。
v-once 指令
執行一次性地插值，當資料改變時，插值處的內容不會更新。
v-if 指令
條件渲染指令，根據表示式的真假來新增或刪除元素。其語法結構是：v-if=「expression」，其中expression是乙個返回bool值的表示式，其結果可以是true或false，也可以是返回true或false的表示式。
v-show指令
也是條件渲染指令，不同的是有 v-show 的元素會始終渲染並保持在 dom 中。和v-if指令不同點在於：v-show是根據表示式之真假值，切換元素的 display css 屬性，當條件變化時該指令觸發過渡效果。
v-else指令
可以用v-else指令為v-if或v-show新增乙個「else塊」。注意：v-else前一兄弟元素必須有 v-if 或 v-else-if。
v-for指令
基於資料渲染乙個列表，類似於js中的遍歷。其資料型別可以是 array | object | number | string。
v-text指令
v-text：向標籤中注入文字，且會替換掉元素之前的內容。
v-html指令
雙大括號會將資料解釋為普通文字，而非 html **。為了輸出真正的 html，你需要使用 v-html 指令
v-bind指令
動態地繫結標籤中的乙個或多個屬性，或乙個元件 prop 到表示式。v-bind指令可以在其名稱後面帶乙個引數，中間用乙個冒號隔開。這個引數通常是html元素的特性（attribute)
v-on指令
動態地繫結乙個或多個特性，或乙個元件 prop 到表示式；其作用和v-bind類似。注意：如果用在普通元素上時，只能監聽 原生 dom 事件；但是如果用在自定義元素元件上時，也可以監聽子元件觸發的自定義事件。
v-model
v-model 指令在表單 、 及 元素上建立雙向資料繫結。它會根據控制項型別自動選取正確的方法來更新元素。
text 和 textarea 元素使用 value 屬性和 input 事件；
checkbox 和 radio 使用 checked 屬性和 change 事件；
select 欄位將 value 作為 prop 並將 change 作為事件。
<
!-- 方法處理器 --
>
"dothis"
>
<
/button>
<
!-- 內聯語句 --
>
"dothat('hello', $event)"
>
<
/button>
<
!-- 縮寫 --
>
"dothis"
>
<
/button>
<
!-- 停止冒泡 --
>
"dothis"
>
<
/button>
<
!-- 阻止預設行為 --
>
"dothis"
>
<
/button>
<
!-- 阻止預設行為，沒有表示式 --
>
<
/form>
<
!-- 串聯修飾符 --
>
"dothis"
>
<
/button>
<
!-- 鍵修飾符，鍵別名 --
>
"onenter"
>
<
!-- 鍵修飾符，鍵** --
>
"onenter"
>
<
!-- the click event will be triggered at most once --
>
"dothis"
>
<
/button>
pop：刪除最後乙個元素
push：插入到陣列尾部
shift：刪除陣列的第乙個元素
unshift：插入到陣列的頭部
splice：刪除元素
sort：陣列排序
reverse：陣列翻轉
v-for="(item,index) in list"
v-for="(value,key,index) in object"
簡單認識Vue的生命週期
vue的生命週期指的是元件從建立到銷毀的一系列的過程 資料監聽 編譯模板 將例項掛載到 dom 更新 dom 等 通過vue在生命週期各個階段的鉤子函式，可以很好的在vue的各個生命階段實現一些操作。建立期間 created beforemount mounted 執行期間 updated 銷毀期間...
Vue的基本認識與使用
vue是乙個漸進式的js框架，採用的是mvvm模式的雙向繫結，引入vue 雙向繫結就是指，當view中的值發生 變化時通過監聽到後會將model中的值也做出同樣的改變，當model中的值發生改變時通過繫結資料，也會u改變view中的值 vue的表示式和js中的 表示式寫法和用法差不多 v text ...
wireshark簡單認識使用
wireshark beyond compare是乙個網路封包分析軟體。網路封包分析軟體的功能是擷取網路封包，並盡可能顯示出最為詳細的網路封包資料。wireshark使用winpcap作為介面，直接與網絡卡進行資料報文交換，是目前全世界最廣泛的網路封包分析軟體。首先認識一下wireshark介面各個...