亨利空间

开始使用
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 - 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
Vue 中 v-bind 和 v-model 的区别

Vue 中 v-bind 和 v-model 的区别

区别:1、“v-bind”是单向绑定,而“v-model”是双向绑定;2、“v-bind”只能将 vue 中的数据同步到页面,而“v-model”不只能将 vue 中的数据同步到页面,还可以将用户数据的数据赋值给 vue 中的属性。本教程操作环境:windows7 系统、vue2.9.6 版,DELLG3 电脑。v-model 与 v-bind 区别:1、v-bind 是单向绑定,用来绑定数据和属性以及表达式,只能将 vue 中