Vue.js 基础笔记
1. Vue 组件
Vue 组件由三部分组成：
- template: 用于定义组件的结构（HTML）。
- script: 用于定义组件的数据、逻辑和方法。
- style: 用于定义组件的样式（CSS）。
2. 文本插值
- 格式：
{{插值表达式}} - 用于绑定
script中提供的数据到 HTML。
3. 属性绑定
- 格式：
:属性名="表达式"或v-bind:属性名="表达式" - 将
script中的数据绑定到标签属性。
4. 事件绑定
- 格式：
@事件名="方法"或v-on:事件名="方法" - 为页面元素绑定事件。
5. 双向绑定
- 格式：
v-model - 表单输入项和
script中提供的数据进行双向绑定。
6. 条件渲染
- 指令：
v-if、v-else - 根据表达式的值动态展示或隐藏页面元素。
7. 发送 HTTP 请求
- 使用
axios库，支持多种请求方式（GET、POST 等）。 - 安装：
npm install axios。
8. 什么是路由？
- 路由用于根据浏览器访问路径的不同，展示不同的视图组件。
9. Vue 应用中如何实现路由？
- 使用
vue-router实现路由功能。 - 安装：
npm install vue-router。
10. 路由组成
- VueRouter: 路由器。
<router-link>: 路由链接。<router-view>: 路由视图。
11. 路由跳转方式
-
标签式跳转
<router-link to="/about">About</router-link>
-
编程式跳转
this.$router.push('/about');