vue的一些知识点

1.vue.js与angular.js以及react的区别
1)与AngularJS的区别
相同点:*都支持指令:内置指令和自定义指令
*都支持过滤器:内置过了不起和自定义过滤器。
*都支持双向数据绑定。
*都不支持低端浏览器。
不同点:
*AngularJS的学习成本高,比如增加了Dependency Injection特性,而Vue.js本身提供的API都比较简单、直观。
*在性能上,AngularJS依赖对数据做脏检查,所以Watcher越多越慢。
*Vue.js使用基于依赖追踪的观察并且使用异步队列更新。所有的数据都是独立触发的。
对于庞大的应用来说,这个优化差异还是比较明显的。
2.与React的区别
相同点:
*React采用特殊的JSX语法,Vue.js在组件开发中也推崇编写.vue特殊文件格式,对文件内容都有一些约定,两者都需要编译后使用。
*中心思想相同:一切都是组件,组件实例之间可以嵌套。
*都提供合理的钩子函数,可以让开发者定制化地去处理需求。
*都不内置列数AJAX,Route等功能到核心包,而是以插件的方式加载。
*在组件开发中都支持mixins的特性。
不同点:
*React依赖Virtual DOM,而Vue.js使用的是DOM模板。React采用的Virtual DOM会对渲染出来的结果做脏检查。
*Vue.js在模板中提供了指令,过滤器等,可以非常方便,快捷地操作Virtual DOM。
3.Vue的路由实现:hash模式和history模式
hash模式:在浏览器中符号“#”,#以后的字符称为hash,用window.location.hash读取。hash虽然在url里面,但不被包裹在HTTP请求中,用来指导浏览器的动作,对服务端安全无用,即使没有做到对路由的全覆盖,也不会返回404错误。
**history模式:**history采用HTML5的新特性;且提供了两种新方法:pushState(),replaceState(),可以对浏览器历史记录栈进行修改,以及popState时间的监听到状态变更。history模式下,前端URL必须和实际后端发起的请求URL一致,如果缺少,就会返回404.
4.Vue组件间的传递
1)父组件与子组件传值
父组件传给子组件:子组件通过props方法接受数据;
子组件传给父组件:$emit方法传递参数
2)非父子组件间的数据传递,兄弟组件传值
eventBus,就是创建一个事件中心,相当于中转站,可以用它来传递事件和接收事件。适用小项目

methods: {  
   addCart(event) {  
   Bus.$emit('getTarget', event.target);   
   }  
} 
created() {  
        Bus.$on('getTarget', target => {  
            console.log(target);  
        });  
}  
  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值