From fa659c9bc8fe28a718102194226171a11fba55e0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=8E=8B=E5=BC=80=E7=A4=BE?= <2568429394@qq.com>
Date: Mon, 7 Apr 2025 16:37:21 +0800
Subject: [PATCH 1/3] =?UTF-8?q?4=E6=9C=887=E5=8F=B7=E7=AC=94=E8=AE=B0?=
 =?UTF-8?q?=E6=8F=90=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ...07\345\217\267\347\254\224\350\256\260.md" | 42 +++++++++++++++++++
 1 file changed, 42 insertions(+)
 create mode 100644 "20 \347\216\213\345\274\200\347\244\276/\347\254\224\350\256\260/4\346\234\21007\345\217\267\347\254\224\350\256\260.md"

diff --git "a/20 \347\216\213\345\274\200\347\244\276/\347\254\224\350\256\260/4\346\234\21007\345\217\267\347\254\224\350\256\260.md" "b/20 \347\216\213\345\274\200\347\244\276/\347\254\224\350\256\260/4\346\234\21007\345\217\267\347\254\224\350\256\260.md"
new file mode 100644
index 0000000..33b053c
--- /dev/null
+++ "b/20 \347\216\213\345\274\200\347\244\276/\347\254\224\350\256\260/4\346\234\21007\345\217\267\347\254\224\350\256\260.md"	
@@ -0,0 +1,42 @@
+# 4月7号笔记
+
+## `vue`的基本概念
+
+### 组件：
+
+`vue`应用是由组件构成的，组件是拥有预定义选项的一个`vue`的实例
+
+### 指令：
+
+特殊的`html`属性，以`v-`开头，提供数据绑定的事件监听等功能
+
+### 虚拟`DOM`：
+
+`vue`通过一个轻量级的虚拟`DOM`来渲染真实的`DOM`
+
+### 响应式原理：
+
+`vue`能够侦测到数据的变化，并自动更新到试图中
+
+## 安装环境
+
+```js
+npm install vue
+```
+
+## 创建一个新的`vue`项目
+
+```js
+vue create my-vue-app
+```
+
+## `dependencies`和`devDependencies`两者的区别
+
+```js
+dependencies是运行vue的必须依赖
+```
+
+```js
+devDependencies是在编写vue的过程中使用的工具包，在项目完成后就不在使用了
+```
+
-- 
Gitee


From 8812636e92ee052416772794219872c59e21c3f8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=8E=8B=E5=BC=80=E7=A4=BE?= <2568429394@qq.com>
Date: Wed, 9 Apr 2025 10:20:21 +0800
Subject: [PATCH 2/3] =?UTF-8?q?4=E6=9C=889=E5=8F=B7=E7=AC=94=E8=AE=B0?=
 =?UTF-8?q?=E6=8F=90=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ...09\345\217\267\347\254\224\350\256\260.md" | 29 +++++++++++++++++++
 1 file changed, 29 insertions(+)
 create mode 100644 "20 \347\216\213\345\274\200\347\244\276/\347\254\224\350\256\260/4\346\234\21009\345\217\267\347\254\224\350\256\260.md"

diff --git "a/20 \347\216\213\345\274\200\347\244\276/\347\254\224\350\256\260/4\346\234\21009\345\217\267\347\254\224\350\256\260.md" "b/20 \347\216\213\345\274\200\347\244\276/\347\254\224\350\256\260/4\346\234\21009\345\217\267\347\254\224\350\256\260.md"
new file mode 100644
index 0000000..e4cd4c1
--- /dev/null
+++ "b/20 \347\216\213\345\274\200\347\244\276/\347\254\224\350\256\260/4\346\234\21009\345\217\267\347\254\224\350\256\260.md"	
@@ -0,0 +1,29 @@
+# 4月9号笔记
+
+## 初始化`vue`
+
+```js
+npm i create-vue@latest
+```
+
+## `npm`安装的依赖地址
+
+```js
+npm config set registry=http://npm.soft.com
+```
+
+## `vue`组件的必要条件
+
+**`script`和`tempplate`两个要存在其一，不然无法运行**
+
+## 打包后的注意事项
+
+**在打包项目以后会在根目录下生成一个`dist`的文件夹**
+
+**打包以后的项目无法在`vscode`直接启动，需要通过托管软件运行，比如：`Apache`、`Nginx`等**
+
+## 根组件和入口
+
+**组件一般是`APP.vue`**
+
+**入口是`main.js`**
\ No newline at end of file
-- 
Gitee


From 8c258d3b468344b406ee01460d2d4142832308fe Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=8E=8B=E5=BC=80=E7=A4=BE?= <2568429394@qq.com>
Date: Fri, 11 Apr 2025 17:29:30 +0800
Subject: [PATCH 3/3] =?UTF-8?q?4=E6=9C=8811=E5=8F=B7=E7=AC=94=E8=AE=B0?=
 =?UTF-8?q?=E6=8F=90=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ...11\345\217\267\347\254\224\350\256\260.md" | 58 +++++++++++++++++++
 1 file changed, 58 insertions(+)
 create mode 100644 "20 \347\216\213\345\274\200\347\244\276/\347\254\224\350\256\260/4\346\234\21011\345\217\267\347\254\224\350\256\260.md"

diff --git "a/20 \347\216\213\345\274\200\347\244\276/\347\254\224\350\256\260/4\346\234\21011\345\217\267\347\254\224\350\256\260.md" "b/20 \347\216\213\345\274\200\347\244\276/\347\254\224\350\256\260/4\346\234\21011\345\217\267\347\254\224\350\256\260.md"
new file mode 100644
index 0000000..c960abf
--- /dev/null
+++ "b/20 \347\216\213\345\274\200\347\244\276/\347\254\224\350\256\260/4\346\234\21011\345\217\267\347\254\224\350\256\260.md"	
@@ -0,0 +1,58 @@
+# 4月11号笔记
+
+## 选项式和组合式
+
+```vue
+export drfault {
+	data(){
+		return{
+			msg:"内容"
+		}
+	},
+	methods:{
+		butClick(){
+			this.msg=333
+		}
+	}
+	mounted(){
+		this.msg='新内容'
+	}
+}
+```
+
+```vue
+v-html 用于解析html的标签实现在vue中渲染
+```
+
+### 组合式
+
+```vue
+import {ref} from 'vue'
+export default {
+
+	
+
+	setup(){
+		return{
+				msg='1'
+			}
+	}
+
+}	
+```
+
+#### `setup`语法糖写法
+
+```vue
+<script>
+	import {ref} from "vue"
+	let msg=1
+</script>
+```
+
+##### 文本插值
+
+```vue
+{{msg}} 
+```
+
-- 
Gitee