VUE/WEB
关注
分享
扫一扫
文章平均质量分 57
vue css js html
BAE_Ai_
这个作者很懒，什么都没留下…
展开
-
10vue-router
页面设计首页 Home.vue登录页 Login.vue注册页 Reg.vue频道新闻页 ChannelNews.vue404 NotFound.vue浏览器无论访问什么地址，访问的真实页面始终是index.html，vue根据不同的地址，渲染不同的组件。由于真实页面是唯一的，用户看到的页面切换，实际上是组件的切换，这种应用称之为单页应用开发单页应用涉及到两个核心问题：在哪个位置切换组件访问路径如何对应组件vue-router使用vue-router可以非常轻松的构原创 2024-01-23 16:50:50 · 369 阅读 · 1 评论 -
04用脚手架搭建工程
传统工程的问题兼容性问题使用模块化会导致JS文件增加，从而导致传输文件数增加直接使用原始代码会导致文件体积过大使用第三方库很不方便搜索下载引用js（某些第三方库可能没有ES6 模块化版本）vue模板书写在字符串中，没有智能提示，没有代码着色难以把样式代码集成到vue组件中其他诸多细节问题…这些问题的本质是：开发的代码和运行的代码要求不同所以，我们需要一个工具，它能够让我们舒舒服服的写代码，然后通过这个工具转换后，得到一个最适合运行的代码。在vue中，这个工具就是vue-c原创 2024-01-23 16:48:16 · 377 阅读 · 0 评论 -
03vue组件
ES6知识补充ES6模块化没有模块化的世界：全局变量污染、难以管理的依赖常见的模块化标准：CommonJS、ES6 Module、AMD、CMD、UMD。。。组件概念一个完整的网页是复杂的，如果将其作为一个整体来进行开发，将会遇到下面的困难代码凌乱臃肿不易协作难以复用vue推荐使用一种更加精细的控制方案——组件化开发所谓组件化，即把一个页面中区域功能细分，每一个区域成为一个组件，每个组件包含：功能（JS代码）内容（模板代码）样式（CSS代码）由于没有构建工具的原创 2024-01-23 16:47:53 · 818 阅读 · 1 评论 -
02vue基础
ES6知识补充速写属性速写方法箭头函数模板字符串vue实例通过new Vue({...})创建的对象配置对象中的部分内容会被提取到vue实例中：datapropsmethodscomputed挂载让vue实例控制网页中某个区域的过程，称之为挂载挂载的方式：通过el:"css选择器"进行配置通过vue实例.$mount("css选择器")进行配置模板被vue实例控制的页面片段模板的作用是什么？为了提高渲染效率，vue会把模板编译成为虚拟DOM树（VNod原创 2024-01-23 16:47:42 · 485 阅读 · 1 评论 -
01初识别vue
vue开发体验vue官网地址：https://cn.vuejs.org/什么是vue？vue是一个前端开发框架，用于降低UI复杂度UI: user interface 用户界面vue的特点渐进式响应式组件化体验vue代码开发工具：Visual Studio Code常用插件：Auto Rename Tag：能够自动更改结束标签Live Server：自动搭建本地服务器Prettier - Code formatter：代码美化Vetur：但vue组件格式支原创 2024-01-23 16:47:27 · 363 阅读 · 1 评论 -
前端-初级二级菜单
前端-小米官网二级菜单<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" href="css/new_file.css" /> </head> &l...原创 2019-04-08 21:59:00 · 900 阅读 · 0 评论 -
前端-二级菜单+简易登录界面
前端-二级菜单+简易登录界面<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <link rel="stylesheet" href="css/new_file.css" /> </head> <body> <div class="...原创 2019-04-08 22:12:50 · 1219 阅读 · 0 评论