摘要：
双向绑定（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 知识水平。如果之 阅读全文
摘要：
Alertmanager 与 Prometheus 集成 这里我们使用 Prometheus 的默认配置文件 prometheus.yml 来实现 Prometheus server 与 alertmanager 组件的关联，并对告警规则及其模版内容进行介绍。 一、与 Alertmanager 关联 阅读全文