摘要：
7. 谈谈你对MVC、MVP和MVVM的理解？ 答题思路：此题涉及知识点很多，很难说清、说透，因为mvc、mvp这些我们前端程序员自己甚至都没 用过。但是恰恰反映了前端这些年从无到有，从有到优的变迁过程，因此沿此思路回答将十分清楚。 Web1.0****时代 在web1.0时代，并没有前端的概念。开 阅读全文
posted @ 2021-11-07 10:33
zhangzchun
阅读(56)
评论(0)
推荐(0)
摘要：
10. 简单说一说vuex使用及其理解？ vue中状态管理（登陆验证，购物车，播放器等） vuex 数据流程 1-1 vuex 介绍 Vuex 实现了一个单向数据流，在全局拥有一个 State 存放数据，当组件要更改 State 中的数据时，必须通过 Mutation 提交修改信息， Mutatio 阅读全文
posted @ 2021-11-07 10:33
zhangzchun
阅读(47)
评论(0)
推荐(0)
摘要：
4. 你怎么理解vue中的diffff算法？ 源码分析1：必要性，lifecycle.js - mountComponent() 组件中可能存在很多个data中的key使用 源码分析2：执行方式，patch.js - patchVnode() patchVnode是diffff发生的地方，整体策略： 阅读全文
posted @ 2021-11-07 10:33
zhangzchun
阅读(35)
评论(0)
推荐(0)
摘要：
vue中组件之间的通信 组件可以有以下几种关系： A-B、B-C、B-D都是父子关系 C-D是兄弟关系 A-C、A-D是隔代关系 不同使用场景，如何选择有效的通信方式 ？vue组件中通信的几种方式 ？ 1. props ★★ 2. $emit/$on ★★ 事件总线 3. vuex ★★★ 4.$p 阅读全文
posted @ 2021-11-07 10:32
zhangzchun
阅读(193)
评论(0)
推荐(0)
摘要：
理解Vue的设计思想 MVVM模式 需要一张图片 MVVM框架的三要素：数据响应式、模板引擎及其渲染 数据响应式：监听数据变化并在视图中更新 Object.defifineProperty() Proxy 模版引擎：提供描述视图的模版语法 插值：{{}} 指令：v-bind，v-on，v-model 阅读全文
posted @ 2021-11-07 10:15
zhangzchun
阅读(81)
评论(0)
推荐(0)
摘要：
Vue 全家桶 & 原理 作业 \1. 尝试解决Input里面$parent派发事件不够健壮的问题 element的minxins方法 Input组件中的使用 \2. 组件实例创建的另一种解决方案 const Ctor = Vue.extend(Component) const comp = new 阅读全文
posted @ 2021-11-07 10:14
zhangzchun
阅读(57)
评论(0)
推荐(0)
摘要：
Vue Router Vue Router 是 Vue.js 官方的路由管理器。 安装 vue add router npm install vue-route --save-dev 基础 起步 路由规划、配置，router/index.js 商品列表（home） - 商品管理（about) 路由出 阅读全文
posted @ 2021-11-07 10:14
zhangzchun
阅读(63)
评论(0)
推荐(0)
摘要：
组件通信常用方式 props eventbus vuex 自定义事件 边界情况 $parent $children $root $refs provide/inject 非prop特性 $attrs $listeners 组件通信 props 父给子传值 // child props: { msg: 阅读全文
posted @ 2021-11-07 09:50
zhangzchun
阅读(52)
评论(0)
推荐(0)
摘要：
Vuex Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以可预测的方式发生变化。 vue add vuex 起始 State 将应用全局状态定义在state中 state: { isLogin: false } Mut 阅读全文
posted @ 2021-11-07 09:49
zhangzchun
阅读(55)
评论(0)
推荐(0)
摘要：
必备知识 ——Vue Cli 快速原型开发 你可以使用 vue serve 和 vue build 命令对单个 *.vue 文件进行快速原型开发。 安装 @vue/cli-service-global 扩展 npm install -g @vue/cli-service-global 准备一个内容原 阅读全文
posted @ 2021-11-07 09:22
zhangzchun
阅读(62)
评论(0)
推荐(0)
摘要：
vue-可复用 ** 过滤器 ** Vue.js 允许你自定义过滤器，可被用于一些常见的文本格式化。过滤器可以用在两个地方：双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达式的尾部，由“管 道”符号指示： <!-- 在双花括号中 阅读全文
posted @ 2021-11-07 09:22
zhangzchun
阅读(60)
评论(0)
推荐(0)
摘要：
#vue必会API盘点 数据相关API Vue.set 向响应式对象中添加一个属性，并确保这个新属性同样是响应式的，且触发视图更新。 使用方法： Vue.set(target, propertyName/index, value) 范例：批量设置商品价格 <template> <!--添加批量价格更 阅读全文
posted @ 2021-11-07 09:22
zhangzchun
阅读(62)
评论(0)
推荐(0)
摘要：
#vue-组件化实践 组件基础 组件是可复用的 Vue 实例，带有一个名字，我们可以在一个通过 new Vue 创建的 Vue 根实例中，把这个组件作为自定义元素来使用。 组件注册、使用及数据传递 Vue.component(name, options)可用于注册组件。 范例：提取课程新增组件和课程 阅读全文
posted @ 2021-11-07 09:21
zhangzchun
阅读(54)
评论(0)
推荐(0)
摘要：
#生命周期 每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例 挂载到 DOM 并在数据变化时更新 DOM 等，称为Vue实例的生命周期。 使用生命周期钩子 在Vue实例的生命周期过程中会运行一些叫做生命周期钩子的函数，这给用户在不同阶段添加自己代码的 阅读全文
posted @ 2021-11-07 07:50
zhangzchun
阅读(117)
评论(0)
推荐(0)
摘要：
vue预习 扩展 vscode: veture vue snippets ##vue-cli安装及使用 安装 npm i -g @vue/cli 使用 快速原型开发 npm install -g @vue/cli-service-global 启动开发服务器 @vue/cli vue serve . 阅读全文
posted @ 2021-11-07 07:48
zhangzchun
阅读(53)
评论(0)
推荐(0)
浙公网安备 33010602011771号