学习笔记(二)——Vue列表展示和计数器案例

1.Vue列表展示(使用v-for指令,后面会详细介绍)




    
    Title



  • {{item}}

浏览器显示:

学习笔记(二)——Vue列表展示和计数器案例_第1张图片

2.计数器

方式一




    
    Title


当前计数{{counter}}

浏览器显示:

学习笔记(二)——Vue列表展示和计数器案例_第2张图片

方式二




    
    Title


当前计数{{counter}}

浏览器显示:

学习笔记(二)——Vue列表展示和计数器案例_第3张图片

新属性:methods,该属性用于在Vue对象中定义方法

新指令:v-on:click(@click),该指令用于监听某个元素的点击事件

你可能感兴趣的:(Vuejs)