Vue 3：玩一下web前端技术（八）

前言

本章内容为VUE基础与相关技术讨论。

上一篇文章地址：

Vue 3：玩一下web前端技术（七）_Lion King的博客-CSDN博客

下一篇文章地址：

（暂无）

一、基础

官方文档：创建一个 Vue 应用 | Vue.js

1、创建应用

步骤：创建应用实例-》挂载应用实例

import {createApp} from 'vue'  // 应用实例创建函数
import App from './App.vue'  // 根组件

createApp(App).mount('#app')  //创建以App为入口根组件的应用实例

2、模板语法

步骤：VUE文件-》script标签-》template标签-》使用语法

3、响应式基础

4、计算属性

5、类与样式绑定

6、条件渲染

7、列表渲染

8、事件处理

9、表单输入绑定

10、生命周期

11、侦听器

12、模板引用

13、组件基础

二、相关技术讨论

1、VUE中如何引入图片？

要引入图片，必须以导入的方式，而不能直接以相对路径来引用。

错误示范：

imageSrc: "@/assets/logo.png",

正确示范：

import logo from "@/assets/logo.png"  //导入图片对象
imageSrc: logo