当前位置:网站首页 > Vue.js开发 > 正文

vue ui怎么安装(vue安装步骤)



11月7号笔记

今日所学:概论学习、组件基础

概论学习:

什么是资源?从前端的定义上来讲,资源是从代码中分离,用于UI呈现和存储逻辑数据的静态内容。比如图片、字符串文本、页面布局。

什么是MVC设计概念?通过将模型(model)、视图(view)、控制器(controller)分离而实现分块构造,在程序运行中又统一同步实现程序功能的程序设计理念。其中,模型负责数据和业务逻辑,视图负责展示数据,控制器接收人机交互同时调度模型来进行业务实现。

 

组件基础:

在编写整个页面时,我们所需要处理的东西有很多,不论是什么一个功能块,还是某一个布局等等,但是在整个页面中,有些东西是重用的,比方说多个页面都有一个相同的标头head或者一个相同样式的侧边栏sidebar。由于相同,就意味着可以“一网打尽”,而非单个页面重新编写。在这种情况下,就可以将这些多复用的东西设置为“组件”,用于统一管理等等。

*注意:这里所提及到的“组件”,不要狭义的理解为“页面布局”,也可以是某一个多复用的功能块等等。这句话很有意思“所有的项目从简单来看,就是大组件套小组件,然后就是一个项目了”。值得深思。

虽然vue提供了种类丰富的组件,但是部分组建往往过于简单,对于多复用下的“功能模块”的一个要求还是相去甚远。所以就需要根据人为要求在自定组件,这是合理的。

以下为自定义组件的流程:

1、构建component目录。

在项目文件夹中间右键点击添加components文件夹。

*注意:由于命名规范要求,一定为“components”为文件夹名称。

2、新建组件。

在components文件夹上单击右键则会跳出“新建组件”,然后填写自定组件的名称即可。可以选择“创建同名目录”以便于后续的规划操作

3、构造组件

所创建的组件其实是可以理解为一个简单的页面的,所以里面的放置格式等等,都是正常进行放置和排布。然后定义所需的内容即可。

以下为一个简单的组件定义。

4、在项目页面中导入即可。

常见组件的命名方法:所属内容-功能效果,或者是,功能目的。

今晚有课,都迟到了,先这样。

到此这篇vue ui怎么安装(vue安装步骤)的文章就介绍到这了,更多相关内容请继续浏览下面的相关推荐文章,希望大家都能在编程的领域有一番成就!

版权声明


相关文章:

  • 本地回环地址(本地回环地址是只有127.0.0.1这一个吗)2025-04-08 16:54:10
  • de4dot反编译vue(vue 反编译)2025-04-08 16:54:10
  • vue安装router命令(vue中router的配置)2025-04-08 16:54:10
  • vue2和vue3区别diff(vue2和vue3区别代码有什么区别)2025-04-08 16:54:10
  • jsjsj是什么意思(js是啥意思是什么)2025-04-08 16:54:10
  • map转json数组(map转json字符串)2025-04-08 16:54:10
  • js深拷贝和浅拷贝的方法区别(js深拷贝和浅拷贝如何实现)2025-04-08 16:54:10
  • cjson库内存泄露(performselector内存泄露)2025-04-08 16:54:10
  • vue安装脚手架 检查版本(vue3.0脚手架安装)2025-04-08 16:54:10
  • pcie5.0 4.0(pcie5.0 4.0 3.0 游戏)2025-04-08 16:54:10
  • 全屏图片