随笔分类 - Vue3专题精讲
摘要：应用配置 https://cn.vuejs.org/guide/essentials/application.html#mounting-the-app 应用实例会暴露一个.config对象允许我们配置一些应用级的选项。 例如定义一个应用级的错误处理器，用来捕获所有子组件上的错误： js: app.
阅读全文
摘要：根组件 https://cn.vuejs.org/guide/essentials/application.html#the-root-component 一、先创建一个vue实例 每个 Vue 应用都是通过createApp函数创建一个新的应用实例： import { createApp } fr
阅读全文
摘要：DOM 中的根组件模板 https://cn.vuejs.org/guide/essentials/application.html#the-root-component 当在未采用构建流程的情况下使用 Vue 时，我们可以在挂载容器中直接书写根组件模板： html: <div id="app">
阅读全文
摘要：Visual Studio Code 使用 Vite 安装 TypeScript + Vue3项目 Vite 是一个轻量级的、速度极快的构建工具，对 Vue SFC 提供第一优先级支持。作者是尤雨溪，同时也是 Vue 的作者。 要使用 vite 来创建一个 vue 项目，非常的简单： 安装前需要有
阅读全文
摘要：双向绑定（v-model） v-module 和 v-show 是 vue 核心功能中的内置指令。（https://cn.vuejs.org/api/built-in-directives.html#v-model） v-model 为可输入元素（input&textarea）创建双向数据绑定。 v
阅读全文
摘要：绑定事件监听器（v-on） 事件系统是前端开发非常重要的内容，vue 对其进行了封装和扩展，使用起来更加的方便。 vue 官网对其指令介绍：https://cn.vuejs.org/api/built-in-directives.html#v-on 给元素绑定事件监听器。 Vue 使用指令 v-on
阅读全文
摘要：Class 与 Style 绑定（绑定内联样式） 一、绑定对象 :style支持绑定 JavaScript 对象值，对应的是HTML 元素的style属性： template: const activeColor = ref('red') const fontSize = ref(30) templ
阅读全文
摘要：Class 与 Style 绑定（绑定 HTML CLASS） 数据绑定的一个常见需求场景是操纵元素的 CSS class 列表和内联样式(称为行内样式、行间样式，是通过标签的 style 属性来设置)。因为class和style都是 attribute，我们可以和其他 attribute 一样使用
阅读全文
摘要：属性绑定（v-bind） 动态的绑定一个或多个 attribute，也可以是组件的 prop。 缩写：: 或者 . (当使用 .prop 修饰符) 期望：any（带参数）| Object（不带参数） 参数：attrOrProp（可选的） 修饰符： .camel- 将短横线命名的attribute转变
阅读全文
摘要：Vue语法——插值绑定 插值绑定是 Vue 中最常见的、最基本的语法。 绑定的内容主要有文本插值和 HTML 插值两种。 一、文本插值 文本插值用双大括号{{}}将要绑定的变量、值、表达式括住就可以实现，Vue 将会获取计算后的值，并以文本的形式将其展示出来。 举个例子： <style> .prof
阅读全文
摘要：观察 Vue 实例从创建到销毁的完整生命周期 一、一个简单的 Vue 实例 代码如下： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue 从入门到精通，https://www.cnblogs.com/zuoyang/</t
阅读全文
摘要：安装、引入vue 和 安装 Vue Devtools 调试工具 一、如何引入 Vue.js 1.1、安装 cnpm PS C:\WINDOWS\system32> npm -v 8.19.3 PS C:\WINDOWS\system32> npm install -g cnpm --registry
阅读全文
摘要：初识 vue3.0 文档接下来的内容会假设你对 HTML、CSS 和 JavaScript 已经基本熟悉。如果你对前端开发完全陌生，最好不要直接从一个框架开始进行入门学习——最好是掌握了基础知识再回到这里。你可以通过这篇 JavaScript 概述 来检验你的 JavaScript 知识水平。如果之
阅读全文
