利用vue实现的一些小案例

1、利用hash过滤数据

核心代码:

js代码:

html:

    显示红色字体
    显示黄色色字体
    显示黑色字体

2、在输入框中输入内容后按enter键添加到列表:

在这个小案例中:最主要的是利用好v-model(双向数据绑定)的技巧,在data中用val专门存放输入框中的内容




    
    添加到列表
    
    


  • {{item.title}}{{item.date}}

3、实现多选框

这个不难,布局布好了,就简单




    
    Title
    
    



    
  • {{item.name}}

还有一种方法也可以实现多选(css代码和上面的一样哦)

  • {{item}}

 

你可能感兴趣的:(vue)