摘要: Vue3快速上手 1.Vue3简介 2020年9月18日,Vue.js发布3.0版本,代号:One Piece(海贼王) 耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者 github上的tags地址:https://github.com/vuejs/vue-next/re 阅读全文
posted @ 2021-09-14 13:03 KKKyrie 阅读(415) 评论(0) 推荐(1) 编辑
摘要: Vue CLI 在开发大型单页面应用时,需要考虑项目的组织结构、项目构建、部署、热加载、代码单元测试等多方面与核心业务逻辑无关的事情,对于项目中用到的构建工具、代码检查功能等还需要一遍一遍地重复配置。为此我们选择能够创建脚手架的工具,来帮助搭建一个项目的框架,并进行一些项目所依赖的初始配置。 简介 阅读全文
posted @ 2021-08-28 22:00 KKKyrie 阅读(140) 评论(0) 推荐(0) 编辑
摘要: 虚拟DOM和render()函数 虚拟DOM vue在DOM之上增加一个抽象层来解决渲染效率的问题,这就是虚拟DOM。 虚拟DOM使用普通的JavaScript对象描述DOM元素,每一个虚拟节点都是一个VNode实例。vue在更新真实DOM前,会比较更新前后虚拟DOM结构中的有差异的部分,然后采用异 阅读全文
posted @ 2021-08-28 21:59 KKKyrie 阅读(225) 评论(0) 推荐(0) 编辑
摘要: 组合API 组合(Composition)API是在vue3中引入的,它是一组附加的、基于函数的API,允许灵活地组合组件逻辑。 组合API没有引入新的概念,更多的是将vue的核心功能(如创建和观察响应状态)公开为独立的函数,以此来代替vue2中的表达组件逻辑的选项。 为什么要引入组合API 使用v 阅读全文
posted @ 2021-08-28 21:57 KKKyrie 阅读(196) 评论(0) 推荐(0) 编辑
摘要: 表单输入绑定 单行文本输入框 <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div id = "app"> <input type="text" v-model="message" value="Hello 阅读全文
posted @ 2021-08-15 16:16 KKKyrie 阅读(46) 评论(0) 推荐(0) 编辑
摘要: 计算属性 在模板中使用表达式非常方便,但如果表达式的逻辑过于复杂,模板就会变得臃肿且难以维护,所以引出计算属性。计算属性是以函数形式,在computed中定义。比如可以将模板表达式 <p> {{ message.split('').reverse().join('')}} </p> 用计算属性实现: 阅读全文
posted @ 2021-08-15 16:15 KKKyrie 阅读(456) 评论(0) 推荐(0) 编辑
摘要: 监听器 Vue提供了一种更通用的方式来观察和响应Vue实例上的数据变动:监听器。当有一些数据需要随着其他数据变化而变化时就可以使用监听器。 使用监听器 监听器在Vue实例的选项对象的watch中定义,下面用监听器实现千米和米的换算: <html> <head> <meta charset="UTF- 阅读全文
posted @ 2021-08-15 16:14 KKKyrie 阅读(48) 评论(0) 推荐(0) 编辑
摘要: class与style绑定 绑定HTML class 对象语法 可以给v-bind:class传递一个对象,以动态切换class: <style> .active { width:100px; height:100px; background:green; } </style> <div id='a 阅读全文
posted @ 2021-08-13 21:01 KKKyrie 阅读(33) 评论(0) 推荐(0) 编辑
摘要: 指令 内置指令 v-show 根据表达式值的真假,显示或隐藏HTML元素。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>v-show指令</title> </head> <body> <div id="app"> <h1 v 阅读全文
posted @ 2021-08-11 22:02 KKKyrie 阅读(41) 评论(0) 推荐(0) 编辑
摘要: Vue Vue是一套基于MVVM模式的用于构建用户界面的JavaScript框架,它是以数据驱动和组件化的思想构建的。它是渐进式的JavaScript框架,所谓渐进式,就是把框架进行分层设计,每层都是可选的,不同层可以灵活地替换为其他的方案。 Vue渐进式框架分层结构由外到里分别是构建系统、状态管理 阅读全文
posted @ 2021-08-11 22:00 KKKyrie 阅读(67) 评论(0) 推荐(0) 编辑