vue怎么进行页面适配

使用vue组件有什么优缺点

1.渐进式 JavaScript 框架

渐进式：主张最少

模块：数据请求：axios UI:elementUI 路由: vue-router 状态层：vuex...

核心：数据驱动，组件系统

2.优点：

1.组件化开发,易用，灵活,高效，用户体验好

2.单页面路由 ，SPA(single page application )

1个url —>1个html文件，多个url—>多个html文件 多页面应用：优点：利于SE0优化 缺点：白屏，用户体验 不好

1个url->1个html,多个url—>1个html 单页面应用 : 优点：用户体验好 缺点：首屏加载慢，不利于SE0优化

3.丰富的Api方法

4.数据的双向绑定

5.易于结合其他第三方库

3.缺点

1.生态系统不够完善

2.可扩展性差

3.兼容性不好

4.首屏加载慢

5.不利于SEO优化

响应式web，这玩意有谁开发过实战项目吗

1.css像素（px）是一种抽象像素，又被称为与设备无关像素。不同于设备的机械的、物理的像素。

2.让浏览器自适应系统分辨率宽度的html代码：

<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, width=device-width">

3.系统分辨率指的是视口大小。

4.导航栏基础样式：

.nav-list-item{

float:left;

width:25%;

width:calc(100%/4);

}

我们用css3的calc函数，可以避免手动去计算每个导航栏宽度的问题，但是原始的width：25%与width：calc(100%/4);应同时存在，因为老版本的浏览器不支持calc函数。

5.要有渐进增强和优雅降级的意识。

先看到这里，以后再补充剩下的章节

6.首先看一段html代码

<nav>

<ul>

<li><a>文字1<a><li>

相关标签： # vue怎么进行seo