
VUE
VUE学习笔记
爱学习的小欣欣
毕业一年的女程序员,实习大数据开发,现就职后端开发,同时也很爱前端。
好好学习,天天向上,记录学习,分享经验。
展开
-
案例:购物车(Vue基础)
案例:购物车(Vue基础)原创 2022-06-29 12:09:29 · 535 阅读 · 0 评论 -
计算属性 vs methods
计算属性 vs methods原创 2022-06-28 16:58:11 · 158 阅读 · 0 评论 -
v-show和v-if的区别
v-show和v-if的区别原创 2022-06-28 14:20:42 · 106 阅读 · 0 评论 -
key的作用
有相同父元素的子元素必须有独特的 key。重复的 key 会造成渲染错误。原创 2022-06-28 14:16:52 · 436 阅读 · 0 评论 -
methods方法绑定this
不使用箭头函数的情况下,this指向的是什么? 1. 在methods中要使用data返回对象中的数据:原创 2022-06-27 14:03:56 · 191 阅读 · 0 评论 -
Vue组件传值
1. 父组件向子组件传值① 子组件在props中创建一个属性,用以接收父组件传过来的数据;② 父组件中注册子组件。通过属性绑定(v-bind:)的形式,把需要传递给子组件的数据传递到子组件的内部,供子组件使用;③ 在子组件标签中添加子组件props中创建的属性;④ 把需要传给子组件的值赋给该属性。注意:① prop 是子组件用来接受父组件传递过来的数据的一个自定义属性;②父组件的数据需要通过 props 把数据传给子组件,子组件需要显式地用 props 选项声明 “prop”;.原创 2022-05-07 17:18:47 · 1161 阅读 · 1 评论 -
Vue的指令
什么是指令?什么是自定义属性 指令的本质就是自定义属性 指令的格式:以v-开始。1. v-cloak插值表达式存在的问题:“闪动”如何解决该问题:使用v-cloak指令 解决该问题的原理:先隐藏,替换好值之后再显示最终的值2. v-text 填充纯文本相比插值表达式更加简洁3. v-html 填充HTML片段存在安全问题 本网站内部数据可以使用,来自第三方的数据不可以用4. v-pre 填充原始信息显示原始信息,跳过编译过程(分析编译过程)5. v-once 只编.原创 2022-04-19 09:11:47 · 182 阅读 · 0 评论 -
Vue 生命周期
主要阶段 挂载(初始化相关属性) ① beforeCreate ② created ③ beforeMount ④ mounted 更新(元素或组件的变更操作) ① beforeUpdate ② updated 销毁(销毁相关属性) ① beforeDestroy ② destroyed Vue实例的产生过程 ① beforeCreate 在实例初始化之后,数据观测和事件配置之前被调用。...原创 2022-04-14 17:00:35 · 32909 阅读 · 0 评论 -
v-if与v-show的区别
v-show 本质就是标签display设置为none,控制隐藏 v-show只编译一次,后面其实就是控制css,而v-if不停的销毁和创建,故v-show性能更好一点。 v-if 是动态的向DOM树内添加或者删除DOM元素 v-if切换有一个局部编译/卸载的过程,切换过程中合适地销毁和重建内部的事件监听和子组件。 ...原创 2022-04-14 16:58:25 · 80 阅读 · 0 评论 -
MVVM的理解
MVVM 是 Model-View-ViewModel 的缩写。 Model:代表数据模型,也可以在Model中定义数据修改和操作的业务逻辑。 View: 代表UI 组件,它负责将数据模型转化成UI 展现出来。 ViewModel: 监听数据模型的改变和控制视图行为、处理用户交互,简单理解就是一个同步View 和 Model的对象,连接Model和View。 在MVVM架构下,View 和 Model 之间并没有直接的联系,而是通过Vie...原创 2022-04-14 15:49:15 · 4556 阅读 · 1 评论 -
认识Vue
1. Vue是什么? 用于构建用户界面的渐进式框架 声明式渲染 组件系统 客户端路由 集中式状态管理 项目构建 vue 的核心库只关注视图层 2.Vue有哪些优点?易用、灵活、高效简单易上手3. VUE的基本使用如何利用Vue将hello world 渲染到页面上 实例参数分析 el:元素的挂载位置(值可以是CSS选择器或者DOM元素) data:模型数据(值是一个对原创 2022-04-14 10:03:30 · 634 阅读 · 0 评论