vue开发使用的原子设计方法
image.png
原子：包括基本的HTML元素，如表单标签、输入、按钮和其他不停止工作就无法进一步分解的元素
image.png
分子：是一个简单的、可移植的、可重用的组件，可以放在任何需要搜索功能的地方。
image.png
生物体：可以由相似或不同的分子类型组成。标题有机体可能由不同的元素组成
image.png
模板：是页面级对象，用于将组件放置到布局中并清楚地表达设计的基础内容结构。为了在前面的示例基础上构建，我们可以将头有机体应用于主页模板
它们关注页面的底层内容结构，而不是页面的最终内容。设计系统必须考虑到内容的动态特性，因此很有助于阐明组件的重要特性，如标题和文本段落的图像大小和字符长度
image.png
页面：页面是模板的特定实例，显示了具有真正代表性内容的UI的外观。
image.png
具体设计实例
image.png
vue开发使用的原子设计方法 原子：包括基本的HTML元素，如表单标签、输入、按钮和其他不停止工作就无法进一步分解...
Vue 中使用 $on、$emit 一般用来使用兄弟组件中的参数传递，其原理就是使用了订阅发布模式 Vue 的例子...
使用keep-alive缓存不了iframe界面原因 （1）vue中的keep-alive 【1】原理：Vue 的...
Vue中$nextTick 原理 Vue 在内部对异步队列尝试使用原生的 Promise.then、Mutatio...
1.熟练使用Vue的API、生命周期、钩子函数 2.MVVM框架设计理念 3.Vue双向绑定实现原理、Diff算法...
1.响应式原理 在 Vue 中，数据模型下的所有属性，会被 Vue 使用Object.defineProperty...
一、Vue-cli构建的项目目录 二、Vue双向数据绑定 原理 Vue遍历data对象中的所有数据，使用Objec...
一：Plan On Work：知识点 1、vue（MVVM、vue原理、使用中遇到的问题、相关插件、环境搭建） 2...
Vue的学习笔记 一 Vue基本 1. Vue的设计理念 Vue响应式原理[https://www.process...
了解Vue计算属性的实现原理 computed的作用 在vue的开发中，我们不免会使用到计算属性，使用计算属性，v...
本文标题：vue 中使用的原子设计原理
本文链接：https://www.haomeiwen.com/subject/jxgvjhtx.html
网友评论