vue中基础理论知识

这篇博客详细介绍了Vue的基础知识,包括MVVM与MVC的区别、虚拟DOM、Vue实例创建、指令和修饰符的使用,以及Vue的method、computed、watch的区别。还深入探讨了Vue的组件特性、生命周期、路由原理以及父子组件、兄弟组件间的通信方式。
摘要由CSDN通过智能技术生成

第一天

1.简述MVVM和MVC的区别
MVC是后台的中框架模式 将程序分成三部分
M(model模型) V(view 视图) C(controller控制器)
MVVM 是为实现MVC中的v(view视图)
M model(数据) v(html元素)视图 v m(view-model)是用来控制数据的改变和控制试图是前端的框架模式

2、简述虚拟DOM
对复杂的文档DOM结构,提供一种方便的工具,进行最小化的DOM操作

3、如何创建vue的实例

var vm=new Vue({
  el:“挂载点”,
  data:{
  数据
 },
  methods(){
  定义方法
  }
 })

4、列举常用指令以及作用

  1. v-for循环
  2. v-on绑定事件 (语法糖@)
  3. v-model双向数据绑定
  4. v-text渲染字符串
  5. v-html渲染html节点及字符串(解析成html可以识别)
  6. v-if判断语句
  7. v-show显示/隐藏(可用于判断)
  8. v-bind绑定属性 (语法糖:)

5、列举出常用的修饰符
@事件.stop 阻止事件冒泡
@事件.prevent 阻止事件默认行为
@事件.capture 触发事件捕获
@事件.self 当事件在该元素本身 触发回调
@once 只执行一次

6、v-if和v-show的区别及使用场景
v-if:判断是否有dom
v-show:判断隐藏/显示dom

第二天

1.简述一下vue中method computed watch 是什么和区别
watch (监听属性)也可以响应数据的变化,当需要在数据变化时执行异步或开销较大的操作时使用watch
methods (定义事件方法)每次渲染的时候都会被重新调用
computed (计算属性)它既有属性的特点,也可以写复杂的逻辑,但是它是基于属性的缓存的,只有缓存属性的依赖发生改变的时候才会被调用,否则不会被调用

2、什么是过滤器?怎么定义全局和局部过滤器
过滤器是对 即将显示的数据做进一步的筛选处理,然后显示,过滤器并没有改变原来的数据,只是在原数据的基础上产生新的数据
 全局:
Vue.filter(‘过滤器名’,funciton(val){
  //逻辑代码
})
 局部:
filter:{过滤器名:funciton(参数){
  //逻辑代码
  }
}
3、自定义指令的语义是什么?请举例说明一个带参数的自定义指令怎么定义?

directives:{
  “指令名”:{
 inserted:function(当前节点){
  //对节点操作
  }
 }
}
例:
directives:{
 color:{
 bind:function(el,binding){
  if(binding.arg){
   el.style.color=binding.arg
  }else{
   el.style.color=”green”
  }
 }
}

4、渐进式框架的理解
主张最少——它是一个轻量视图,只做了自己该做的事,没有做不该做的事

5、Vue中双向数据绑定是如何实现的
使用v-model来实现
Vue

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值