nodejs簡單認知和vue的簡單學習

nodejs 引入

　　

 

 

vue 引入

　　

 

 

 安裝node(安裝完node須要重啓電腦)

　　npm install nrm -g

　　nrm use taobao

　　nrm test taobao

在idea中新建空工程js-demo,而後新建module vue-demo

　　cd vue-demo

　　npm init -y

　　npm install vue --save

 

新建html頁面，引入vue,開始學習

new Vue(); 傳入 el,data,methods,template；標記el所指id位置

{{ }}插值表達式,取值

v-on:click —》@click

v-model 雙向綁定

vue 生命週期鉤子

　　

 

  v-text,v-html 單向綁定

  v-for 遍歷

  ：key 優化，數組重排序時提升渲染效率

　v-if  有沒有

　v-show 展不展現

  v-bind : 綁定屬性

 watch 

組件化

　　定義全局組件：

　　定義局部組件　　

　　父組件傳遞到子組件

　　子組件傳遞到父組件