vue 个人笔记

vue生命周期

beforeCreate/created、beforeMount/mounted、beforeUpdate/updated、beforeDestory/destoryed

v-bind:属性名="常量||变量名"
/*
html
<ul>
   <li v-for="(item,index) in arr" v-bind:key="index">
      {{index}} - {{item}}
   </li>

</ul>
*/
v-on / @  //事件监听
v-if 和v-show控制元素的显示和隐藏
v-show

v-module //双向指定 当data的值变化，控件就变化，当控件被改变 data自动变化  
         //vue 规定 携带v-model指定的元素，不能绑定监听
<h1>{{a}}</h1>
<input type="text" v-model="a">
<input type="range" v-model="a">

vue中 
一维变二维
例如42个数

<tr v-for="i in 6">
  <td v-for="j in 7">
    {{arr[(i-1)*7+(j-1)]}}
   </td>
 </tr>
 new vue({
e1:"#app",
data:{
	arr:[29,30,31...42个]
}
 })