1. vue中的组件组件化开发实际上就是将html/css/js封装在一个文件或者对象中，这样的文件和对象被当成组件使用。vue中的组件被划分为两种类型，分别是局部组件和全局组件。一般组件被用来定义具体的内容，而且为了避免与h5和h4中已经标签名重复，定义的组件名一般是用大写，如页面index.html由头部组件Header、侧边栏组件Asider以及内容组件Content组成。index.htm
转载
2024-09-29 00:35:57
69阅读
作者大大的地址是：https://github./JinwenXie/vue ele project 还是老办法，先运行项目看看效果 我不算是外卖爱好者，不过觉得那个添加商品到购物车的动画效果很好看很有趣 最近的框架好多，简直应接不暇，比如上篇的博客，我甚至以为作者大大自己封装一系列组件写项目
转载
2019-07-05 23:03:00
209阅读
2评论
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title> 初识vue</title>
<!--引入vue 引入之后，全局就多了一个vue这个构造函数-->
<
转载
2024-03-26 13:34:14
41阅读
Web容器Web技术的发展史早期的Web应用主要用于浏览新闻等静态页面，HTTP服务器（比如Apache、Nginx）向浏览器返回静态HTML，浏览器负责解析HTML，将结果呈现给用户。随着互联网的发展，我们已经不满足于仅仅浏览静态页面，还希望通过一些交互操作，来获取动态结果，因此也就需要一些扩展机制能够让HTTP服务器调用服务端程序。于是Sun公司推出了Servlet技术。你可以把Servlet
转载
2024-09-20 20:51:23
52阅读
UI框架iView UI组件库Vux UI组件库Element UI组件库Mint UI组件库Bootstrap-Vue UI组件库Ant Design Vue UI组件库AT-UI UI组件库Vant UI组件库cube-ui UI组件库Muse-UI UI组件库N3-components UI组件库Mand Mobilewe-vue UI组件库veui UI组件库Semantic-UI-Vu
技术栈： 1.安装插件 2.增加 better-scroll .eslintrc.js 安装插件： 3.添加 axios 4.添加 vuex 5.打包 .gitignore 6. 制作时间过滤器，将 时间戳 变为 日期格式 7．设置mock 数据 build/dev-server.js 8． 9．
转载
2017-04-27 15:52:00
226阅读
2评论
接上文，开始准备布局页，见下图，包括顶部一个头部和一个底部导航。1、在we-vue组件库中找到对应的组件 1)头部，包括网站logo和【注册|登陆】按钮，这对应着we-vue组件库的Header组件2）底部导航，包括【首页、所有商品、购物车、我】 四个菜单项，这对应着we-vue组件库的Tabbar组件 这两个组件都位于官方文档的【导航相关】目录下，we-vue是所有基于weu
P9-Vue3后台管理系统-Element实现首页布局 文章目录P9-Vue3后台管理系统-Element实现首页布局1.概述2.首页布局介绍2.1.首页布局分析2.2.首页布局结构设计2.3.首页样式结构设计3.左侧空间布局3.1. 复制Element官网card代码3.2. 应用到Home.vue组件中4.右侧空间布局4.1.右侧全局布局4.2.数据区域布局5.设置首页样式5.1.设置首页右侧
什么样的内容需要封装
一段代码在项目中出现两次就开始考虑是否应该进行封装，出现三次就肯定要封装，大到一个页面，一个组件，小到一个function和一个css样式。封装原则
以下将封装出来的通用组件叫做子组件，引用通用组件的界面叫做父组件。封装出来的组件必须具有高性能，低耦合的特性，主要从以下几点入手：1.数据从父组件传入子组件本身不要生成数据，如果需要生成数据，只能在组件内部进行使用，不要
转载
2024-06-09 19:32:13
134阅读
首先新建一个vue项目，然后安装element-ui组件，vuex状态管理等需要用到的。项目建立好能运行之后，在src/commponents文件夹下新建一个layout文件夹用于书写布局相关代码，在文件夹内新建header.vue,slider.vue,footer.vue,contentMain.vue,home.vue文件（当然也可以只新建一个home文件，把相关布局全部写在home.vue
介绍Vuetify 是一个基于 Vue.js 精心打造 UI 组件库，整套 UI 设计为 Material 风格。能够让没有任何设计技能的开发者创造出时尚的 Material 风格界面。为什么要使用Vuetify框架所有组件遵从 Material Design 设计规范，UI 体验非常优秀，能够媲美苹果但又完全不同的设计采用移动优先的设计，无论在手机、平板或 PC 电脑上都有完美的适配极其丰富的上
转载
2024-09-06 18:32:04
88阅读
一、导语 突然冒出四个字，分即是合，嗯，有点道理。。。。。。。。。。。。。。。。。。。。。。。二、正文 在搞的仿淘宝demo，之前加入购物车是与商品详情一块的，今天把它单独拆出来，复用性高点，那这样的话，就涉及到了组件开发了。vue的组件注册是超级超级容易的，接下来就简短的说说组件吧，直接上demo了。 1、理解组件组件系统是 Vue 的另一个重要概念，因为它是一种抽象，允许我们使用小型、独
关于vue的组件化，以及全局组件、局部组件的创建和使用①组件化 ：首先要简单的理解组件化，这里引用vue官网的一张图在这里，我们可以将整个页面看作一个根组件，向下分支的三个子组件，分别是页头、侧边栏、内容区。侧边栏里面可以看到有两栏内容，对应右边第二行中间的侧边栏组件又向下分支出两个子组件。所以，对于我们的页面可以看成由大到小，由上到下的组件嵌套，由此就衍生出了类似父子组件，兄弟组件这种组件之间的
一、flex-direction属性row（默认值）：主轴为水平方向，起点在左端。row-reverse：主轴为水平方向，起点在右端。column：主轴为垂直方向，起点在上沿。column-reverse：主轴为垂直方向，起点在下沿。<style>
.box{
background: #0074D9;
&
转载
2017-10-23 21:55:56
941阅读
<el-container>Container 布局容器用于布局的容器组件，方便快速搭建页面的基
原创
2019-05-29 10:59:32
70阅读
在实际开发中，我们浏览网页，网页顶部的导航栏Header和侧边的菜单栏Aside，以及底部的footer等内容往往是不发生改变的，如果在每次页面跳转、提交表单后都去重写这部分是很麻烦的，而Element-Plus为我们提供了封装好的标签，让我们能够通过组件化来实现页面的布局。注意！将这些封装成组件后使用会出现错位的问题 出现这个问题的原因是封装成组件后，<el-container&
转载
2024-10-12 16:07:05
243阅读
github: vue form render在线演示简介我们在写一些常规后台页面的时候，避免不了是需要经常和表单打交道。所以可以想偷懒的小伙伴可能会考虑有没有办法不去做表单工程师?用代码解决重复的人肉工作，没错，我们可以通过 JSON Schema 来描述我们的表单信息，这比重复的写表单控件可方便多了。但是 JSON Schema 到表单的映射，则是需要我们去关注的，so… 业界有没有比较好的方
居中，是我们编码过程中最常见的，那么，我们平时常见的居中方式，下面一一罗列出来，有错误的地方，望码友多多包涵并加以矫正。 水平居中 1、多块级元素，设置display:inline-block;使之在一行排列,在父级样式里，设置text-align：center;就可以实现水平居中的效果 body {
text-align: center;
}
div{
width: 100px;
h
1.响应式布局和自适应布局的概念区别 响应式布局是用同一套url的，换句话来说，就是你只写一套的代码但是可以在移动端和pc端同时呈现，因此，我采用了rem布局的方式+media媒体查询的方式进行布局，大概的思路为： 配置rem的思路可以查看我的其他文章 1：先考虑你要分层设计的屏幕的大小的区间，比如576px~960px为ipad之类的设备区间，大于960px的
转载
2024-07-31 20:55:17
72阅读
