前言

本章內(nèi)容為VUE基礎與相關技術討論。

上一篇文章地址：

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

下一篇文章地址：

（暫無）

一、基礎

官方文檔：創(chuàng)建一個 Vue 應用 | Vue.js

1、創(chuàng)建應用

步驟：創(chuàng)建應用實例-》掛載應用實例

import {createApp} from 'vue'  // 應用實例創(chuàng)建函數(shù)
import App from './App.vue'  // 根組件createApp(App).mount('#app')  //創(chuàng)建以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