随笔分类 -
Vue
-
搭建Vue3.x项目工程环境
摘要:转自微信公众号“前端大全” https://mp.weixin.qq.com/s/4aYlFZO8Cr1OGbMMb232og 从 0 开始手把手带你搭建一套规范的 Vue3.x 项目工程环境 前端大全 今天 以下文章来源于前端鼓励师 ,作者XPoet 前端鼓励师 分享前端技术教程、面试经验和职场感
阅读全文
-
Virtual DOM 的实现原理(一)----Snabbdom函数介绍
摘要:为什么要使用Virtual DOM 1、前端开发刀耕火种的时代 2、MVVM框架解决视图和状态同步问题 3、模板引擎可以简化视图操作,没办法跟踪状态 4、虚拟DOM跟踪状态变化 5、参考github上virtual-dom的动机描述 (1)虚拟DOM可以维护程序的状态,跟踪上一次的状态 (2)通过比
阅读全文
-
Vue
摘要:Vue响应式原理模拟 1、数据驱动 (1)数据响应式 数据模型仅仅是普通的JavaScript对象,而当我们修改数据时,视图会进行更新,避免了繁琐的DOM操作,提高开发效率 (2)双项绑定 数据改变,视图改变;视图概念,数据也随之改变 我们可以使用V-model在表单元素上创建双向数据绑定 (3)数
阅读全文
-
Vue Router
摘要:Vue Router实现原理 Vue前置知识 1、插件 2、混入 3、Vue.obsercable() 4、插槽 5、render函数 6、运行时和完整版的Vue Vue Router是前端路由,当路径切换的时候,在浏览器端判断当前路径并加载当前路径对应的组件 hash模式 1、URL中#后面的内容
阅读全文
-
Vue Router
摘要:Vue Router基础回顾 1、配置 (1)在index.js中Vue.use用来注册插件,他会调用传入对象的install方法 (2)路由规则,存一些数组,创建路由对象 2、使用步骤 (1)创建路由组件(视频) (2)创建路由插件 (3)创建router对象,配置路由规则 (4)通过router
阅读全文
-
Vue.js框架基础回顾
摘要:Vue.js生命周期 初始化(事件&生命周期) 》beforeCreate钩子函数 》初始化(注入&校验) 》created钩子函数 Vue.js语法和概念 1、差值表达式 2、指令 3.计算属性和侦听器 4、Class和Style绑定 5、条件渲染/列表渲染 6、表单输入绑定 7、组件 8、插槽
阅读全文
|