Vue学习
文章平均质量分 69
Boulettes
泉声咽危石,日色冷青松
展开
-
Vue 生命周期
vue 生命周期 是从创建、运行到销毁的一系列过程。也就是 new Vue() 就是生命周期的开始。Vue 实例有⼀个完整的⽣命周期,也就是从开始创建、初始化数据、编译模版、挂载Dom -> 渲染、更新 -> 渲染、卸载 等⼀系列过程,称这是Vue的⽣命周期。vue 有8个钩子函数数据管理和DOM渲染。...原创 2022-08-08 10:29:53 · 273 阅读 · 1 评论 -
vue 中 methods、computed、watch
是 vue 的计算属性,是根据依赖关系进行缓存的计算,只有在它的相关依赖发生改变时才会进行更新,一般情况下,computed 默认使用的是 getter 属性。大部分下 watch 和 computed 是没有区别的,但是如果在数据变化的同时进行异步操作的情况下,watch 则是最好的选择。计算属性,属性的结果会被缓存,除非依赖的响应式属性变化才会重新计算。侦听属性,可以看作是 methods 和 computed 的结合。watch 在监听的时候,可以有二次参数,第一次参数为。属性给 Vue 定义方法。.原创 2022-08-05 20:36:40 · 564 阅读 · 0 评论 -
vue 修饰符
防止执行预设的行为(如果事件可取消,则取消该事件,而不停止事件的进一步传播),:只会触发自己范围内的事件,不包含子元素(事件目标对象是自己,才会触发)vue 中 number 修饰符的作用是将输入框内的字符串转换成数字。vue 中 trim 修饰符的作用是将输入框内中前后的空格去掉。在 change 而非 input 时更新。:与事件冒泡的方向相反,:等同于 js 中的。...原创 2022-08-05 17:21:37 · 2171 阅读 · 0 评论 -
vue 双向绑定,列表、条件渲染,解决强制刷新闪烁问题
绑定在自定义组件时,调用的是。原创 2022-08-05 16:30:39 · 1151 阅读 · 0 评论 -
Vue 安装、使用 json Script 代码操作内容,元素,属性,事件
通过 v-html 创建的 DOM 内容不受作用域内的样式影响,用来解析并正确显示带有html标签的文本。设置指定元素上的某个属性值。否则,使用指定的名称和值添加一个新的属性。Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统。的区别:v-html 支持解析,v-text 不支持解析,以文本样式显示。:插值表达式输出含html代码的文本,和 {{msg}} 作用类似。:可以给元素添加属性,也可以修改元素已有的属性。:可以获得自定义的属性,也可以获得标准的属性;......原创 2022-08-04 17:52:18 · 276 阅读 · 0 评论 -
插槽的使用
在子组件中,提供给父组件使用的一个占位符作用在父组件使用子组件时,动态更新子组件内容具名插槽在子组件中给插槽取个名字,父组件使用 v-slot 指令子组件父组件默认插槽不取名字子组件父组件作用域插槽带数据的插槽子组件父组件虚拟DOM虚拟 DOM 本质上是一个普通的 JS 对象,用于描述试图的界面结构虚拟DOM 改变的值映射到 真实DOM 上按照一定算法(diff算法)将虚拟DOM 和 真实DOM 进行比较存在目的:解决性能问题vue 渲染时,使用虚拟dom代替真实dom原创 2022-06-27 17:04:53 · 195 阅读 · 0 评论 -
Router 之嵌套路由、路由模式、重定向与懒加载
定义在children中的路由路由模式Vue spa应用(单页应用,只有一个 index.html ,在 public文件夹下Vue默认路由模式Hash 模式 “#” , 页面不会重新加载Router History模式重定向重定向:redirect 自动跳转错误处理路由懒加载路由懒加载......原创 2022-06-27 14:43:42 · 311 阅读 · 0 评论