Vue.js2.0的特性有哪些

這篇文章主要介紹了Vue.js2.0的特性有哪些，此處通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考價(jià)值，需要的朋友可以參考下：

JS是什么

JS是JavaScript的簡(jiǎn)稱，它是一種直譯式的腳本語(yǔ)言，其解釋器被稱為JavaScript引擎，是瀏覽器的一部分，主要用于web的開(kāi)發(fā)，可以給網(wǎng)站添加各種各樣的動(dòng)態(tài)效果，讓網(wǎng)頁(yè)更加美觀。

1.關(guān)于Vue中$index獲取索引值已經(jīng)取消，多用于多個(gè)元素的操作，像ul中的li，通過(guò)v-for來(lái)建立多個(gè)li，如果對(duì)于其中的某個(gè)或者一些li操作的話，需要使用到索引值，用法如下;

<template>
 <div class="hello">
  <h2>{{ msg }}</h2>
  <button v-on:click="reverse">點(diǎn)擊</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:'我是一開(kāi)始就有的哦!'}
   ],
   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>

到此這篇關(guān)于Vue.js2.0的特性有哪些的文章就介紹到這了,更多相關(guān)Vue.js2.0的特性有哪些的內(nèi)容請(qǐng)搜索億速云以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持億速云！