Vue基础

发布时间:2024年01月15日

○ 什么是webpack

■ 项?构建?具
■ 资源的合并、打包、压缩、混淆等诸多功能

○ 什么是vue

■ 构建?户界?的渐进式框架,采??底向增量开发的设计。

○ vue核?理念

■ 数据驱动视图,组件化开发

○ 为什么学习流?框架

■ 轻量级框架
■ 简单易学
■ 视图、数据、结构分离
■ 虚拟DOM

○ 框架和库的区别

■ 框架:?套完整的解决?案,对项?的侵?性较?,如果想要更改框架,需要重新架构整个项?。
■ 库:提供的?些?功能,对项?的侵?性较?,如果这个库不能完成某些需求,可以很容易的切换到另?个库。

○ MVC和MVVM的区别?

■ MVC是后端分层开发的概念,MVVM是前端视图层的概念。
在MVC中V代表view视图层,?来展示数据,发送请求,c是Controller调度层,?来接收数据,响应数据,m是model模型层,?来处理数据,和数据库做交互。
MVVM中v代表view视图层,?来展示数据,vm是view-model视图模型层,?来链接view和model,承上启下的作?,m是model模型层,对数据进?逻辑的处理。

○ 展示数据的?式

■ 差值表达式 {{}} 做?些简单的运算
■ v-html和v-text的异同:
● 相同点:都会覆盖原来的元素
● 不同点:v-html能解析富?本,v-text不能。

○ v-bind 元素属性的绑定 简写 :

○ v-on 事件的绑定 简写 @

○ 事件修饰符

■ .stop 阻?冒泡事件
■ .capture 添加捕获模式
■ .self 只有事件作?于本身的时候触发
■ .once 只会触发?次
■ .prevent 阻?默认事件

○ v-model 数据双向绑定 表单控件

○ 样式的使?

■ class
● 数组
● 对象
● 数组内置对象
● 三?表达式
■ style
● 数组
● 对象
● 函数返回值

○ v-for (item,index) in 遍历的

■ 遍历数组
■ 遍历对象
■ 遍历数字

○ key

■ 必须是数字或者字符串
■ 必须是唯?值
■ 作?
● 提?重排效率,就地复?

○ v-if和v-show的异同:

■ 相同点:都是显示隐藏元素
■ 不同点:v-if是通过删除Dom元素进?隐藏,v-show是通过display:none进?隐藏元素
■ 应?场景:v-if?于?次或者少次的切换,v-show应?于频繁的切换显示和隐藏。

文章来源:https://blog.csdn.net/du_cr/article/details/135611020
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。