摘要: 组件允许我们将 UI 划分为独立的、可重用的部分,并且可以对每个部分进行单独的思考。在实际应用中,组件常常被组织成层层嵌套的树状结构,这和我们嵌套 HTML 元素的方式类似,Vue 实现了自己的组件模型,使我们可以在每个组件内封装自定义内容与逻辑。 ![image](https://img2023. 阅读全文
posted @ 2023-06-13 17:38 暴走的小橘子 阅读(107) 评论(0) 推荐(0)
摘要: ## 双向绑定 ### 基本用法 在前端处理表单时,我们常常需要将表单输入框的内容同步给 `JavaScript` 中相应的变量。手动连接值绑定和更改事件监听器可能会很麻烦: ```html text = event.target.value"> ``` `v-model` 指令帮我们简化了这一步骤 阅读全文
posted @ 2023-06-09 16:23 暴走的小橘子 阅读(176) 评论(0) 推荐(0)
摘要: ## 计算属性 ### 为什么要用计算属性 模板中的表达式虽然方便,但也只能用来做简单的操作。如果在模板中写太多逻辑,会让模板变得臃肿,难以维护。比如说,我们想根据 `author` 是否已有一些书籍来展示不同的信息: ``` Has published books: {{ author.books 阅读全文
posted @ 2023-06-08 18:51 暴走的小橘子 阅读(442) 评论(0) 推荐(0)
摘要: ## api查询地址 api请查阅[vue3全部API](https://cn.vuejs.org/api/ "vue3全局API") ## 初始化实例 每个 Vue 应用都是通过 `createApp` 函数创建一个新的应用实例: ``` // index.html // main.js impo 阅读全文
posted @ 2023-06-05 19:45 暴走的小橘子 阅读(500) 评论(0) 推荐(0)
摘要: ## 学习vue3的原因 * Vue3 是一个面向未来的框架:Vue3 相比 Vue2 有更好的性能和更好的扩展性,将来会成为前端开发的主流。 * 改进的响应式系统:Vue3 采用了 Proxy 对象来实现响应式系统,使得性能更高、内存消耗更小、支持动态添加属性等。同时,在 Vue3 中,开发者也可 阅读全文
posted @ 2023-06-05 18:20 暴走的小橘子 阅读(88) 评论(2) 推荐(1)