前端 0 篇文章

Vue 3 - Vue 生命周期

Vue 3 - Vue 生命周期
Vue 的生命周期在 Vue 中,Vue 的生命周期是指,Vue 实例从开始创建,初始化数据,编译模板,挂在 dom-> 渲染,更新-> 渲染,卸载等一系列过程.钩子函数 1,beforeCreate 钩子函数#在实例初始化之后,this 指向创建的实例,不能访问到 data,computed,watch,methods 上的方法和数据 beforeCreate(){console.log('创建前-el',this.$el)

Vue 3 - 12 表单绑定

Vue 3 - 12 表单绑定
Vue3 表单用 v-model 指令在表单 <input>、<textarea> 及 <select> 等元素上创建双向数据绑定.文本框与数据绑定 <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Docu

Vue 3 - 10 样式绑定

Vue 3 - 10 样式绑定
5/05Vue3 样式绑定样式绑定 class 绑定 class 与 style 是 HTML 元素的属性,用于设置元素的样式,我们可以用 v-bind 来设置样式属性。v-bind 在处理 class 和 style 时,表达式除了可以使用字符串之外,还可以是对象或数组。v-bind:class 可以简写为:class<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>VUE

Vue 3 - 09 监听属性

Vue 3 - 09 监听属性
Vue3 监听属性监听属性关键词:watch.监听就是对内置对象的状态或者属性变化进行监听并且做出反应的响应,监听属性,意思就是可以监视其他数据的变化。<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><ti

Vue 3 - 07 组件

Vue 3 - 07 组件
Vue3 组件组件可以扩展 HTML 元素,封装可重用的代码,每个 Vue 应用都是通过用 createApp 函数创建的,传递给 createApp 的选项用于配置根组件。当挂载应用时,该组件被用作渲染的起点。全局注册 Vue 组件实例 <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=de