PKTseng

var myName = '驚不驚喜';
function callName() {
 console.log(this,this.myName);
}
var family = {
 myName: '來因',
 callName: callName,
 ana: {
 myName: '安納',
 callName: callName

PKTseng

var myName = '驚不驚喜';
function callName() {
 console.log(this,this.myName);
}
var family = {
 myName: '來因',
 callName: function () {
 console.log(this, this.myName);
 }
}

PKTseng

<ul id="app">
 <li v-for = "(items,index) in arrayData" >
 {{index}}-{{items.name}}-{{items.age}}
 </li>
</ul>
<button class="btn btn-outline-primary" @click="reverseArray">反轉陣列</button>

PKTseng

var app = new Vue({
  el:"#app",
  data:{
    arrayData: [
      {
        name: '小明',
        age: 16
      },
      {
        name: '漂亮阿姨',

PKTseng

<ul id="app">
  <li v-for="(item, key) in arrayData" :key='item.age'>
    {{ key }} - {{ item.name }} {{ item.age }} 歲 <input type="text" >
  </li>
</ul>
<button class="btn btn-outline-primary" @click="reverseArray">反轉陣列</button>

PKTseng

var app = new Vue({
  el:"#app",
  data:{
		arrayData: [
				{
					name: '小明',
					age: 16
				},
				{
					name: '漂亮阿姨',

PKTseng

<div id='app'>
	<input type="text" class="form-control" v-model="filterText" @keyup.enter='filterData>
  <ul>
    <li v-for="(item, key) in filterArray" :key="item.age">
      {{ key }} - {{ item.name }} {{ item.age }} 歲 <input type="text">
    </li>
  </ul>
</div>

PKTseng

var app = new Vue({
  el: '#app',
  data: {
		filterArray: [],
    filterText: '',
    arrayData: [
      {
        name: '小明',
        age: 16
      },

PKTseng

<div id='app'>
  <p>請加上 v-if 判斷式</p>
  <ul>
    <li v-for="(item, key) in arrayData" v-if=" item.age <= 19">
      {{ key }} - {{ item.name }} {{ item.age }} 歲
    </li>
  </ul>
</div>

PKTseng

new Vue({
  el:"#app",
  data:{
    selected: 'submit',
  },
})