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