1.{{}}：插值表达式（作用：替换）/模板语法
2.HTML <span> 元素：是短语内容的通用行内容器，并没有任何特殊语义。可以使用它来编组元素以达到某种样式意图（通过使用类或者 Id 属性），或者这些元素有着共同的属性，比如lang。应该在没有其他合适的语义元素时才使用它。<span> 与 <div> 元素很相似，但 <div>是一个 [块元素]而 <span>则是 行内元素 (en-US).
3.类型、类和ID选择器：
//<h1>
h1 {
}
//<div>
div{
}
它也包含了一个 class 的选择器：
//<.. class="box">
.box {
}
亦或，一个 id 选择器：
//<id="unique">
#unique {
}
4.el：element的简称，为Vue实例提供挂载元素。所有的Vue语法都要在el挂在的标签（这里是<div id="app">）及其内部嵌套的标签内使用。
<template>
<div id="app">
</div>
</template>
<script>
new Vue({
el:'#app',
data: {
message:'hello vue.js.'
}
});
</script>
5.对象及数组：
对象：
object:{
id:"",
name:"",
props:"",
}
数组：
array:["北京","上海","南京","杭州"]
6.data数据对象：Vue中要用到的数据定义在data:{}中
7.Vue指令：
7.1 内容绑定、事件绑定：v-text，v-html, v-on基础
7.1.1 v-text：作用与插值表达式{{}}一样，但{{}}应用更广泛
<p v-text:"message"></p>
<p>{{ message }}</p>
...data:{
message:"哈喽哈喽"
}
7.1.2 v-html：设置<>元素的innerHTML
<p v-html:"link"></p>
data:{
link:"<a href="www.bing.com">必应</a>" //a标签定义一个超链接
}
7.1.3 v-on基础：为元素绑定事件
<.... v-on:click="clickHandler">
<.... v-on:dblclick="doubleClickHander">
可以用@替换v-on:
@click="clickHandler"
具体的函数放在
methods:{
clickHandler:function(){}
}
7.2 显示切换、属性绑定：v-show, v-if, v-bind
7.2.1 v-show：频繁操作的用v-show
7.2.2 v-if：与v-show功能相同，但开销更大
7.2.3 v-bind：操作元素属性（元素属性：比如src=""，title=""，class=""）v-bind:也可以简写为:
7.3 列表循环、表单元素绑定：v-for, v-on补充, v-model
7.3.1 v-for：响应式/实时地根据数据生成列表结构
7.3.2 v-on补充：传递自定义参数，事件修饰符
7.3.3 v-model：获取和设置表单（在HTML中，表单标签有5种：form、input、textarea、select和option） 元素的值（双向绑定）（v-model=""即：v-model:value=""）
8. axios
axios封装了ajax，强大的网络请求库
Axios属于工具，要全局安装：
npm i -g json-server
安装好后继续
json-server
运行服务
json-server -w xx.json
axios回调函数中的this已经改变，无法访问data中的数据
把this保存起来，回调函数中直接使用保存的this即可
