# vue基础
# 模板语法
# 插值
# 1.1 文本插值 "Mustache" (双大括号)
<p> Message: {{ txt }}</p>
1
# 1.2 使用 JavaScript 表达式
{{ number + 1 }}
{{ ok ? 'YES' : 'NO' }}
{{ message.split('').reverse().join('') }}
<div v-bind:id="'list-' + id"></div>
1
2
3
4
5
6
7
2
3
4
5
6
7
# 指令
# 2.1 参数
定义：指令 (Directives) 是带有 v- 前缀的特殊 attribute
| 指令 | 举例 | 缩写 |
|---|---|---|
| v-for | ||
| v-if | ||
| v-bind | v-bind:src=" " | :src=" " |
| v-on | v-on:click=" " | @click=" " |
# 2.2 动态参数
定义：可以在指令参数中使用 JavaScript 表达式，方法是用方括号括起来：
<a v-bind:[attributeName]="url"> ... </a>
1
# 2.3 修饰符
定义：修饰符 (modifier) 是以半角句号 . 指明的特殊后缀
<form v-on:submit.prevent="onSubmit">...</form>
1
# .gitignore文件
.gitignore文件位置: 在根目录下(和package.json文件同级)文件的目录: 文件目录就是相对于
.gitignore文件的位置语法:
- 以# 开头的表示注释
- 以斜杠"/"开头表示目录
- 以星号"*"通配多个字符
- 以问好"?"通配单个字符
- 以方括号"[]"包含单个字符的匹配列表
- 以叹号"!"表示不忽略(跟踪)匹配到的文件或目录
里面的内容 差不多是下面这个样子的:
.DS_Store
node_modules
/dist
# local env files
.env.local
.env.*.local
# Log files
npm-debug.log*
yarn-debug.log*
yarn-error.log*
pnpm-debug.log*
# Editor directories and files
.idea
.vscode
*.suo
*.ntvs*
*.njsproj
*.sln
*.sw?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
# 生命周期
# axios
是一个专注于数据请求的库 官方传送门 (opens new window)
# 返回的数据结构
// 1. 接口服务器 返回的
{
status:"",
msg:"",
data:[]
}
// 2. axios 会在数据上 套上一层
{
config:{},
data:{ 这里是真实的数据 },
headers:{},
request:{},
status:xxx,
statusText:"",
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
# 还有很多
← vue安装脚手架和创建项目 vue路由 →