摘要：
## 1 侦听器 ### 1) 什么是侦听器 可以通过watch配置项, 监听已经存在的属性的改变 ### 2) 语法 ```javascript watch: { // 监听data中的firstName属性 firstName() { // 执行一系列的操作 }, },watch: { // 监 阅读全文
posted @ 2023-07-21 11:33
Weltㅤ
阅读(69)
评论(0)
推荐(0)
摘要：
# VUE|组合式API ## 1 setup语法糖 在`vue`项目中, 通常使用`setup`语法简化书写 setup的特点 1. 在setup语法中定义**变量**, 可以直接在**模板**中使用 2. 在setup语法中定义**函数**, 可以直接在**模板**中使用 3. 导入的组件对象, 阅读全文
posted @ 2023-07-21 11:32
Weltㅤ
阅读(81)
评论(0)
推荐(0)
摘要：
## 1 快速体验 > 步聚 1. 定义组件 2. 导入组件 3. 引用组件 > 语法 ```vue 模板 ``` ### 1) 定义组件 在`components`目录下, 创建组件文件`TheCounter.vue` ```vue 计数器:{{ count }} 点击+1 ``` ### 2) 阅读全文
posted @ 2023-07-21 11:32
Weltㅤ
阅读(33)
评论(0)
推荐(0)
摘要：
## 1 计算属性 ### 1) 什么是计算属性 计算属性就是基于现有属性计算后的属性 ### 2) 计算属性的作用 计算属性用于对原始数据的再次加工 ### 3) 案例 > **需求** > > 实现如下效果 > > ```html Document 请输入一个字符串: 反转后的字符串: {{re 阅读全文
posted @ 2023-07-21 11:32
Weltㅤ
阅读(23)
评论(0)
推荐(0)
摘要：
## 1 模板 ### 1) 什么是模板 > 什么是模板 > > 由Vue解析的HTML字符串 > Vue的主要工作 1. 编译模板 2. 挂载 ### 2) 如何确定模板 确定模板有几种方式 1. 没有指定`template`选项, 以容器的`innerHTML`做为模板 2. 指定`templa 阅读全文
posted @ 2023-07-21 11:31
Weltㅤ
阅读(48)
评论(0)
推荐(0)
摘要：
1 普通函数 普通函数中的this指向window 示例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initi 阅读全文
posted @ 2023-07-21 11:31
Weltㅤ
阅读(21)
评论(0)
推荐(0)
浙公网安备 33010602011771号