摘要：
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 阅读全文
摘要：
Vue CLI 在开发大型单页面应用时，需要考虑项目的组织结构、项目构建、部署、热加载、代码单元测试等多方面与核心业务逻辑无关的事情，对于项目中用到的构建工具、代码检查功能等还需要一遍一遍地重复配置。为此我们选择能够创建脚手架的工具，来帮助搭建一个项目的框架，并进行一些项目所依赖的初始配置。 简介 阅读全文
摘要：
虚拟DOM和render()函数 虚拟DOM vue在DOM之上增加一个抽象层来解决渲染效率的问题，这就是虚拟DOM。 虚拟DOM使用普通的JavaScript对象描述DOM元素，每一个虚拟节点都是一个VNode实例。vue在更新真实DOM前，会比较更新前后虚拟DOM结构中的有差异的部分，然后采用异 阅读全文
摘要：
组合API 组合(Composition)API是在vue3中引入的，它是一组附加的、基于函数的API，允许灵活地组合组件逻辑。 组合API没有引入新的概念，更多的是将vue的核心功能(如创建和观察响应状态)公开为独立的函数，以此来代替vue2中的表达组件逻辑的选项。 为什么要引入组合API 使用v 阅读全文
摘要：
表单输入绑定 单行文本输入框 <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div id = "app"> <input type="text" v-model="message" value="Hello 阅读全文
摘要：
计算属性 在模板中使用表达式非常方便，但如果表达式的逻辑过于复杂，模板就会变得臃肿且难以维护，所以引出计算属性。计算属性是以函数形式，在computed中定义。比如可以将模板表达式 <p> {{ message.split('').reverse().join('')}} </p> 用计算属性实现： 阅读全文
摘要：
监听器 Vue提供了一种更通用的方式来观察和响应Vue实例上的数据变动：监听器。当有一些数据需要随着其他数据变化而变化时就可以使用监听器。 使用监听器 监听器在Vue实例的选项对象的watch中定义，下面用监听器实现千米和米的换算： <html> <head> <meta charset="UTF- 阅读全文
摘要：
class与style绑定 绑定HTML class 对象语法 可以给v-bind:class传递一个对象，以动态切换class： <style> .active { width:100px; height:100px; background:green; } </style> <div id='a 阅读全文
摘要：
指令 内置指令 v-show 根据表达式值的真假，显示或隐藏HTML元素。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>v-show指令</title> </head> <body> <div id="app"> <h1 v 阅读全文
摘要：
Vue Vue是一套基于MVVM模式的用于构建用户界面的JavaScript框架，它是以数据驱动和组件化的思想构建的。它是渐进式的JavaScript框架，所谓渐进式，就是把框架进行分层设计，每层都是可选的，不同层可以灵活地替换为其他的方案。 Vue渐进式框架分层结构由外到里分别是构建系统、状态管理 阅读全文