摘要: 给组件命名有两种方式,一种是使用链式命名 my-component,一种是使用大驼峰命名MyComponent, 在字符串模板中<my-component></my-component> 和<MyComponent></MyComponent>都可以使用,在非字符串模板中最好使用<MyCompone 阅读全文
posted @ 2023-11-13 10:31 煜火 阅读(541) 评论(0) 推荐(0)
摘要: Vue中 name 有什么作用? 项目使用 keep-alive 时,可搭配组件 name 进行缓存过滤 DOM 做递归组件时需要调用自身 name vue-devtools 调试工具里显示的组见名称是由 vue 中组件 name 决定的 data 为什么是函数而不是对象? 组件中 data 是 V 阅读全文
posted @ 2023-11-10 14:19 煜火 阅读(65) 评论(0) 推荐(0)
摘要: 1、父组件向子组件传递数据 父组件内设置要传的数据,在父组件中引用的子组件上绑定一个自定义属性并把数据绑定在自定义属性上,在子组件添加参数 props 接收即可 2、子组件向父组件传递数据 子组件通过 vue 实例方法$emit 进行触发并且可以携带参数,父组件监听使用@(v-on)进行监听,然后进 阅读全文
posted @ 2023-11-09 10:18 煜火 阅读(20) 评论(0) 推荐(0)
摘要: 组件可以提升整个项目的开发效率。能够把页面抽象成多个相对独立的模块,解决了我们传统项目开发:效率低、难维护、复用性等问题 分析需求:确定业务需求,把页面中可以复用的结构,样式以及功能,单独抽离成一个文件,实现复用 具体步骤:使用 Vue.extend 方法创建一个组件,然后使用 Vue.compon 阅读全文
posted @ 2023-11-08 18:26 煜火 阅读(17) 评论(0) 推荐(0)
摘要: Vue 实例从创建到销毁的过程,就是生命周期。也就是从开始创建、初始化数据、编译模板、挂载 Dom→渲染、更新→渲染、卸载等一系列过程,我们称这是 Vue 的生命周期。 1、beforeCreate 在实例初始化之后,数据观测 (data observer) 和 event/watcher 事件配置 阅读全文
posted @ 2023-11-07 17:24 煜火 阅读(28) 评论(0) 推荐(0)
摘要: 1、Proxy 可以直接监听对象而非属性; 2、Proxy 可以直接监听数组的变化; 3、Proxy 有多达 13 种拦截方法,不限于 apply、ownKeys、deleteProperty、has 等等是Object.defineProperty 不具备的 4、Proxy 返回的是一个新对象,我 阅读全文
posted @ 2023-11-06 16:43 煜火 阅读(340) 评论(0) 推荐(0)
摘要: Vue.js 是采用数据劫持结合发布者-订阅者模式的方式,通过 Object.defineProperty()来劫持各个属性的 setter,getter,在数据变动时发布消息给订阅者,触发相应的监听回调。 需要 Observe 的数据对象进行递归遍历,包括子属性对象的属性,都加上 setter 和 阅读全文
posted @ 2023-11-03 15:33 煜火 阅读(19) 评论(0) 推荐(0)
摘要: 1、基本定义 MVVM 基本定义 MVVM 即 Model-View-ViewModel 的简写,即模型-视图-视图模型,模型(Model)指的是后端传递的数据,视图(View)指的是所看到的页面,视图模型(ViewModel)是 mvvm 模式的核心,它是连接 view 和 model 的桥梁。它 阅读全文
posted @ 2023-11-02 15:16 煜火 阅读(711) 评论(0) 推荐(0)
摘要: Vue 作为一款轻量级框架、简单易学、双向数据绑定、组件化、数据和结构的分离、虚拟DOM、运行速度快,并且作者是中国人尤雨溪,对应的 API 文档对国内开发者优化,作为前端开发人员的首选入门框架 Vue 的优势: Vue.js 可以进行组件化开发,使代码编写量大大减少,读者更加易于理解。 Vue.j 阅读全文
posted @ 2023-11-01 16:41 煜火 阅读(125) 评论(0) 推荐(0)
摘要: 原理 JavaScript 是一种动态、弱类型、基于原型的语言,通过浏览器可以直接执行 当浏览器遇到<script> 标记的时候,浏览器会执行之间的 javascript 代码。嵌入的 JavaScript 代码是顺序执行的,每个脚本定义的全局变量和函数,都可以被后面执行的脚本所调用。 变量的调用, 阅读全文
posted @ 2022-04-13 21:16 煜火 阅读(192) 评论(0) 推荐(0)