11月7号笔记
今日所学:概论学习、组件基础
概论学习:
什么是资源?从前端的定义上来讲,资源是从代码中分离,用于UI呈现和存储逻辑数据的静态内容。比如图片、字符串文本、页面布局。
什么是MVC设计概念?通过将模型(model)、视图(view)、控制器(controller)分离而实现分块构造,在程序运行中又统一同步实现程序功能的程序设计理念。其中,模型负责数据和业务逻辑,视图负责展示数据,控制器接收人机交互同时调度模型来进行业务实现。
组件基础:
在编写整个页面时,我们所需要处理的东西有很多,不论是什么一个功能块,还是某一个布局等等,但是在整个页面中,有些东西是重用的,比方说多个页面都有一个相同的标头head或者一个相同样式的侧边栏sidebar。由于相同,就意味着可以“一网打尽”,而非单个页面重新编写。在这种情况下,就可以将这些多复用的东西设置为“组件”,用于统一管理等等。
*注意:这里所提及到的“组件”,不要狭义的理解为“页面布局”,也可以是某一个多复用的功能块等等。这句话很有意思“所有的项目从简单来看,就是大组件套小组件,然后就是一个项目了”。值得深思。
虽然vue提供了种类丰富的组件,但是部分组建往往过于简单,对于多复用下的“功能模块”的一个要求还是相去甚远。所以就需要根据人为要求在自定组件,这是合理的。
以下为自定义组件的流程:
1、构建component目录。
在项目文件夹中间右键点击添加components文件夹。
*注意:由于命名规范要求,一定为“components”为文件夹名称。
2、新建组件。
在components文件夹上单击右键则会跳出“新建组件”,然后填写自定组件的名称即可。可以选择“创建同名目录”以便于后续的规划操作。
3、构造组件
所创建的组件其实是可以理解为一个简单的页面的,所以里面的放置格式等等,都是正常进行放置和排布。然后定义所需的内容即可。
以下为一个简单的组件定义。
4、在项目页面中导入即可。
常见组件的命名方法:所属内容-功能效果,或者是,功能目的。
今晚有课,都迟到了,先这样。
到此这篇vue ui怎么安装(vue安装步骤)的文章就介绍到这了,更多相关内容请继续浏览下面的相关推荐文章,希望大家都能在编程的领域有一番成就!版权声明:
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符,请将相关资料发送至xkadmin@xkablog.com进行投诉反馈,一经查实,立即处理!
转载请注明出处,原文链接:https://www.xkablog.com/qdvuejs/53184.html