01 2023 档案
摘要:双向绑定(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 知识水平。如果之
阅读全文