Vue
suwu150
业精于勤,荒于嬉;行成于思,毁于随;磨刀不误砍柴工。
展开
-
vue源码(六)-vue组件化机制
vue源码(六)-vue组件化机制在注册一个组件的时候,我们始终需要给它一个名字。比如在全局注册的时候我们已经看到了:Vue.component('my-component-name', { /* ... */ })该组件名就是 Vue.component 的第一个参数。1.组件名大小写定义组件名的方式有两种:使用 kebab-caseVue.component('my-com...原创 2019-12-11 12:56:51 · 605 阅读 · 0 评论 -
vue源码(五)-vue虚拟dom和diff对比
vue源码(五)-vue虚拟dom一、概念虚拟DOM(Virtual DOM)是对DOM的JS抽象表示,它们是JS对象,能够描述DOM结构和关系。应用程序 的各种状态变化会作用于虚拟DOM,最终映射到DOM上。二、优点虚拟DOM轻量、快速:当它们发生变化时通过新旧虚拟DOM比对可以得到最小DOM操作量,从 而提升性能和用户体验。跨平台:将虚拟dom更新转换为不同运行时特殊操作实现跨平台...原创 2019-12-10 16:41:26 · 797 阅读 · 0 评论 -
vue源码(四)-vue项目配置和入口文件,数据响应化处理
vue源码(四)-vue入口文件和项目配置,数据响应处理一、获取vue项目代码项目地址:https://github.com/vuejs/vue迁出项目: git clone https://github.com/vuejs/vue.git 当前版本号:2.6.10二、文件结构如上所示文件结构:dist: 所有产出的文件地址examples:官方案例,可参考flow:强类型编...原创 2019-12-02 18:17:34 · 1273 阅读 · 0 评论 -
vue源码(三)-vue组件插件开发
vue源码(三)-vue组件插件开发插件通常用来为 Vue 添加全局功能。插件的功能范围没有严格的限制——一般有下面几种:添加全局方法或者属性。如: vue-custom-element添加全局资源:指令/过滤器/过渡等。如 vue-touch通过全局混入来添加一些组件选项。如 vue-router添加 Vue 实例方法,通过把它们添加到 Vue.prototype 上实...原创 2019-11-22 10:42:13 · 446 阅读 · 0 评论 -
vue源码(二)-vue组件通信方式
vue源码(二)-vue组件通信方式一、组件化组件化开发能够提高开发效率,方便重复使用简化调试步骤,提升项目的可维护性,便于多人系统开发二、通信方式1.父组件->子组件######1.1通过属性props进行传递子组件进行定义一个字段msg接受父组件传递的参数<template> <div class="hello"> <h...原创 2019-11-11 23:20:21 · 326 阅读 · 0 评论 -
vue源码(一)-搭建简单的vue项目
vue源码(一)-搭建简单的vue项目一、下载vue到官网直接下载开发版本vue:https://cn.vuejs.org/v2/guide/installation.html下载完成后,会有一个vue.js文件二、嵌入到网页创建html文件,将下载好的vue.js文件嵌入到html中<!DOCTYPE html><html lang="en"><h...原创 2019-11-10 12:17:46 · 1784 阅读 · 0 评论