国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

Vue.js2.0中的變化小結

2024-05-06 15:25:17
字體:
來源:轉載
供稿:網友

最近自己在學習Vue.js,在看一些課程的時候可能Vue更新太塊了導致課程所講知識和現在Vue的版本不符,從而報錯,我會在以后的帖子持續更新Vue的變化與更新,大家也可以一起交流,共同監督學習!

1.關于Vue中$index獲取索引值已經取消,多用于多個元素的操作,像ul中的li,通過v-for來建立多個li,如果對于其中的某個或者一些li操作的話,需要使用到索引值,用法如下;

<template> <div class="hello">  <h1>{{ msg }}</h1>  <button v-on:click="reverse">點擊</button>  <input v-model="newtodo" v-on:keyup.enter="add">  <ul>   <li v-for="(todo,index) in todos">    <span>{{todo.text}}</span>    <button v-on:click="remove(index)">刪除</button>   </li>  </ul> </div></template><script>export default { name: 'HelloWorld', data () {  return {   msg: 'Welcome to Your Vue.js App',   todos: [    {text:'我是一開始就有的哦!'}   ],   newtodo: ''  } }, methods: {  reverse: function(){   this.msg = this.msg.split('').reverse().join('')  },  add: function(){   var text = this.newtodo.trim();   if(text){    this.todos.push({text:text});    this.newtodo = ''   }  },  remove: function(index){   this.todos.splice(index,1)  } }}</script>

這是我自己組建的一個片段,重點在于index的使用。

總結

以上所述是小編給大家介紹的Vue.js2.0中的變化,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對錯新站長站網站的支持!

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 宜宾县| 咸宁市| 正阳县| 保定市| 绥阳县| 资中县| 金山区| 芦山县| 云南省| 长顺县| 镇江市| 江津市| 原平市| 五指山市| 游戏| 黔西县| 黄大仙区| 诸城市| 新丰县| 大方县| 上栗县| 从化市| 定南县| 平邑县| 平泉县| 高雄市| 明光市| 卢龙县| 北流市| 怀安县| 阳信县| 仁寿县| 姚安县| 道孚县| 历史| 塔城市| 宜丰县| 金秀| 乌兰察布市| 若羌县| 禄劝|