• 2.0 vue循环和方法调用


    <!DOCTYPE html>
    <html>
     
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script src="js/vue.js"></script>
    </head>
     
    <body>
        <div id="app">
            <h1>{{title}}</h1>
            <ul>
                <li v-for="(car, index) in cars">
              我的汽车:{{car}}
              <button @click="add(car)">+</button> <button @click='del(index)'>删除</button> </li> </ul> </div> <script> console.dir(Vue); const vm = new Vue({ el: '#app', data: { cars: [ { name: '奥迪',num:0}, { name: '宝马',num:1}, { name: '奔驰',num:2}, ] }, methods:{ add(car){ car.num++; }, del(i){ this.cars.splice(i,1); } } }); </script> </body> </html>
  • 相关阅读:
    最小生成树
    图论最短路径例题
    广搜例题
    这些搜索套路好深。。。
    高斯消元part2
    高斯消元与行列式求值 part1
    2020/4/24
    实时的眼部追踪
    2020/4/23
    2020/4/22
  • 原文地址:https://www.cnblogs.com/ChuckTina/p/15908845.html
Copyright © 2020-2023  润新知