「VUE架构」VUE2.0增删改查的实现

本文主要介绍VUE2.0的一些基本常识应用。

1.vue的外部链接调用

通过外部调用是最简洁的，可以下载在本地，然后引用。

<script src="https://cdn.bootcss.com/vue/2.4.2/vue.min.js"></script>//目前没有最稳定的外链，所以此链接相对稳定

2.vue代码不起作用

新手经常会遗忘在VUE响应区间设置最外层div设置id=“app”。

//js部分
var vm=new Vue({
		  el: '#app',
		  data: {
		  	newsNum:10,
		  	}
		  })
//html部分
<div id='app'>
	<span v-text='newsNum'></span>//如果没有id=‘app’ newsNum不生效
</div>

####3.v-for获取DOM的data-属性和id属性，以及索引index
首先html片段要绑定：data-id和：id，否知在VUE无法识别绑定的属性。

//html片段
<div :data-index="index" :id='index' v-for: @click=''getIndex(index)></div>//此处的:是vue的v-bind:的简写
//js片段
var target = e.target
var dataId=target.getAt