JAVA設計模式--七大原則之單一職責（01）
-
Vue.js 是目前最火的一個前端框架，React是最流行的一個前端框架（React除了開發網站，還可以開發手機App， Vue語法也是可以用於進行手機App開發的，需要藉助於Weex）
-
Vue.js 是前端的主流框架之一，和Angular.js、React.js 一起，併成為前端三大主流框架！
-
Vue.js 是一套構建使用者介面的框架，只關注檢視層，它不僅易於上手，還便於與第三方庫或既有專案整合。（Vue有配套的第三方類庫，可以整合起來做大型專案的開發）
-
前端的主要工作？主要負責MVC中的V這一層；主要工作就是和介面打交道，來製作前端頁面效果；
-
框架：是一套完整的解決方案；對專案的侵入性較大，專案如果需要更換框架，則需要重新架構整個專案。
- node 中的 express；
- 庫（外掛）：提供某一個小功能，對專案的侵入性較小，如果某個庫無法完成某些需求，可以很容易切換到其它庫實現需求。
-
- 從Jquery 切換到 Zepto
-
- 從 EJS 切換到 art-template
具體配置vue的過程
(1）首先在自己的專案裡面引入vue.js
（2）新建new vue()
(3)使用el和data來指定自己要操作的div
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="../code/lib/vue-2.4.0.js"></script> </head> <body> <div id="app"> <p>{{msg}}</p> </div> <script> var vm = new Vue({ el:'#app', data:{ msg:"welcome to vue" } }) </script> </body> </html>
重要vue標籤的含義
1.首先是{{text}}使用此標籤可以顯示自己定義的內容
2.v-cloak可以解決插值表示式閃爍的問題
3.v-text和插值表示式功能類似，都是在div裡面顯示自己定義的內容，但是v-text沒有閃爍問題，並且會覆蓋之前的內容（佔位符）
4.v-html可以轉義自己寫的內容
5.v-bind可以繫結自己的資料（繫結屬性） v-bind == ：即可以簡寫
6.v-on:click繫結事件機制，然後在methods:裡面定義自己的方法
v-on:mouseover滑鼠移動到按鈕上就出發事件
v-on縮寫為@click
7.獲取Vue內部自定義的資料一般是使用this關鍵字獲取
9.錐子函式
setInterval( () =>{
var start = this.msg.substring(0,1)
var end = this .msg.substring(1)
this.msg = end + start
},400)
10使用@click.stop可以阻擋冒泡的方法呼叫
@click.prevent 可以阻止預設行為，可以阻止所有人的
@click.capture 可以出發捕獲事件，從外往裡執行
@click.self 點選誰就執行誰，只會阻止自己的，不會阻止其他人的
@click.once只會出發一次預設事件
11v-model可以實現雙向資料繫結
12 eval（引數）函式將引數轉換成數字，這是一種投機取巧
13 v-for 使用<p v-for="(item,i) in list">{{i}}----{{item}}</p>
獲取物件的下標和內容，也可以是複雜資料型別