【11】前端实习：VUE基础巩固

【挂载点，模板，实例之间的关系】

【数据，事件，方法】

• 语法：插值表达式：

  <h1>{{number}}</h1> //{{ }}插值表达式
  
  <h1 v-html="number"></h1>//v-html是vue的指令，代表h1里面的变量是number
  <h1 v-text="number"></h1>

  区别：v-html 输出的是： hello
• 
• v-text输出的是：<h1>hello</h1>
• v-on:click="handleClick"   (绑定点击事件） 简写：@click

 

【vue中属性绑定和双向数据绑定】

1. v-bind:属性名 = " "  或者简写为    ：属性名 = " "
   1. 

    

    

2. 双向绑定：v-model= ""   <input>里面的值发生变化，content也会发生变化
3. 

 

【VUE的计算属性和侦听器】

1.computed会使用之前的缓存值，计算属性的依赖属性改变了才会计算。

2.侦听器

 

【v-if  ,v-show ,v-for 】

1.v-if（判断语句）控制dom的存在与否，v-show控制dom的显示与否

2.v-for（列表渲染）