开始：
vue引入链接 <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
-
Vue建议使用id选择器，因为唯一，
建议挂载在div元素上，因为没有属性，
能挂在其他双标签上，因为能写massage,不过不能挂在body和html上， -
Vue中用到的数据放在data中，可以用复杂的数据类型（对象，数组），渲染是遵循js语法
-
v-text:设置标签的文本值,部分可用插值表达式，内部也可以用单引号加 -
<h2 v-text="school.company+'!'">111 </h2>111因为用了v-text不会显示，如果想显示可以用插值法<h2>111{{compus[1]}}</h2> -
v-html功能和v-text基本一样，唯一不同在于内容有链接或者里面有html标签是就是v-html可以显示出来，但是v-text只会原封不动的文本显示 -
v-on：与元素绑定事件，可以简写成@，绑定的方法定义在methods上面，可以写成函数，还可以带参数，this关键字可以拿到data的值。事件后面可以跟上修饰符对事件进行限制，如@keyup.enter="sayHi"
开始:
-
方法中通过
this关键字获得data中的数据，否则获取不到 -
v-show就是通过改变状态来决定是否显示元素，其实就是改变display值，可以在这里增加判断 -
v-if和v-show功能相似，区别点在于v-show是操作dom树来决定要不要显示，因此为了效率就是操作频繁用v-if,操作不频繁用v-show -
v-bind是为了元素绑定时间，就是把一些写在html中类似src、title等元素，放在了js中，也可以复用。v-bind:属性名，可以简写为:属性名，动态增加删除class可以使用对象的方式 -
图片可以用列表表示，然后改变数组的值就是可以看到不同的图片，
v-bind设置元素属性，v-show或v-if控制元素是否显示 -
v-for更加方便的循环，根据数据生成列表结构，与数组连用，语法是v-if=（item,index）in 数据,item和index可以和其他指令一起用，而且是响应式的，可以对于数据进行及时删减， -
v-model:双向绑定，就是代码里面的值和浏览器输入的值能够获得，但是不会在代码里面写入，可以通过方法显示出来，并且能够更改。换一种说法就是能够获取和更改表单元素的值。 -
删除元素为可以使用v-on构造函数，例如
this.list.splice(index,1);
发展：
axios引入链接<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
- axios是ajax的进一步，要先引入在使用，通过get或者post发送请求，然后通过then的回调函数说明成功还是失败
axios.get(地址?key=value&key2=values).then(function(response){},function(err){})axios.post(地址,{key:value,key2:value2}).then(function(response){},function(err){}) axios加vue就是讲请求网页获取的内容通过vue更好的显示出来，把这两个链接都导入，然后就是v-text显示出来，axios写在方法里面。
axios回调函数中的this已经改变,无法访问到data中数据，我们把this保存起来,回调函数中直接使用保存的this即可.- 一个查询系统，分为回车查询和点击查询，回车查询就是用
v=modle和@keyup.enter，然后进行设置函数查询，点击查询就是用v-for和@click,再使用函数进行替换和查询，应当注意一些细节。 - 当服务器返回的数据比较复杂时，获取的时候需要注意层级结构，例如
that.musicList = response.data.result.songs;,学会通过审查元素定位需要操纵的元素。
