![](https://img-blog.csdnimg.cn/20210422173315229.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue汇总笔记
Vue汇总笔记
清风明月的博客
千言不如一默
展开
-
vue基础笔记五
什么是闭包? 有权访问另一个函数作用域内变量的函数都是闭包。 闭包就是一个函数引用另一个函数的变量,因为变量被引用着所以不会被回收,因此可以用来封装一个私有变量,这是优点也是缺点,不必要的闭包只会徒增内存消耗...原创 2018-05-25 22:41:25 · 309 阅读 · 0 评论 -
vue.js 与angular.js以及react.js 的区别
与Angular.js的区别 相同: 都支持指令:内置指令和自定义指令。 都支持过滤器:内置过滤器和自定义过滤器 都支持双向数据绑定。 都不支持低端浏览器。 不同点: 1、Angular.js的学习成本高,比如增加了Dependency Injection特性,而Vue.js本身提供的API都比较简单、直观。 2、在性能上,Angular.js依赖对数据做脏检查,所以watcher...原创 2018-05-26 12:44:33 · 2337 阅读 · 0 评论 -
vue基础笔记一
vuex 负责状态管理;vue-router负责前端路由;devtools extension 帮助开发者调试;vue-cli 配置webpack的模版;axios负责网络请求;vue相关概念vue是2016年发展最迅速的JS框架之一。vue将自己描述为一款“用于构建直观,快速和组件化交互式界面的MVVM框架”。它于2014年2月首次由google前员工Evan You发布。尤其是考虑到Vue在没...原创 2018-05-22 21:33:04 · 217 阅读 · 0 评论 -
Vue中的MVVM模式
MVVM全称是Model-View-ViewModel Vue是以数据为驱动的,Vue自身将DOM和数据进行绑定,一旦创建绑定,DOM和数据将保持同步,每当数据发生变化,DOM会跟随变化。 ViewModel是Vue的核心,它是Vue的一个实例。Vue实例时作用域某个HTML元素上的这个HTML元素可以是body,也可以是某个id所指代的元素。 DOMListenters和DataBindi...原创 2018-05-27 21:09:47 · 1493 阅读 · 0 评论 -
vue基础笔记二
增强可读性 1、组件文件 只要有能够拼接文件的构建系统,就把每个组件单独分成文件。 当你需要编辑一个组件或者查阅一个组件的用法时可以快速找到它。 正例: components/ |- TodoList.vue |- TodoItem.vue 反例:Vue.component('TodoList',{})Vue.component('TodoItem',{})2、单文件...原创 2018-05-23 23:49:18 · 249 阅读 · 0 评论 -
vue基础笔记三
vue具有“单个文件组件”,这似乎是对于关注分离的权衡-模版,脚本和样式在一个文件中,但在三个不同的有序部分中。这意味这你可以获得语法高亮,css支持以及更容易使用预处理器(如Jade预编译html或SCSS是css开发简写工具) Vue相比于Vngular和React是最轻量的。 Vue始终是可及的,一个坚固的,但是灵活的安全网,保证变成效率和把操作DOM造成的痛苦降到最低。 Vue.js...原创 2018-05-24 22:01:09 · 128 阅读 · 0 评论 -
vue基础笔记四
检测变化的注意事项 受现代JavaScript的限制(以及 废弃Object.observe), Vue不能检测到对象属性的添加或删除。 由于vue会在初始化实例时对属性执行getter/setter转化过程,所以属性必须在data对象上存在才能让vue转换它,这样才能让它是响应的。例如:var vm = new Vue({ data:{ num:1 }...原创 2018-05-29 22:03:50 · 122 阅读 · 0 评论 -
vue-cli 本地运行http://localhost:8080报404错误
查看config/index.js里面的文件, dev: { assetsPublicPath: '/', host: 'localhost', port: 8080, }确保dev下面这三项正确,就可以正确运行http://localhost:8080原创 2018-11-05 11:43:20 · 11361 阅读 · 0 评论 -
Vue如何实现双向绑定的?
vue最核心的两个功能,一是响应式的数据绑定系统,二是组件系统。实现双向数据绑定:a、实现一个监听器Observer,用来劫持并监听所有属性,如果有变动的,就通知订阅者。b、实现一个订阅者Watcher。每个Watcher都绑定一个更新函数,Watcher可以收到属性的变化通知并执行相应的函数,从而更新视图。c、实现一个解析器Compile,可以扫描和解析每个节点的相关指令(v-model...原创 2019-07-09 15:24:29 · 162 阅读 · 0 评论