前端
关注
分享
扫一扫
文章平均质量分 75
Vue学习
khazix__
一个热爱后端的程序猿
展开
-
第四天：Vue组件的slot以及webpack
插槽认识slot在生活中，很多地方都有插槽，电脑的USB插槽，插板中的电源插槽等。插槽的目的是让我们原来的设备具备更多的扩展性。比如电脑的USB我们可以插入U盘、鼠标、键盘、硬盘、手机、音响等等。组件的插槽组件的插槽也是为了让我们封装的组件更加具有扩展性。让使用者可以决定组件内部的一些内容到底展示了什么。封装组件如果我们每一个单独去封装一个组件，显然不合适：比如每一个页面都返回，这部分内容我们就要重复去封装。但是，如果我们封装成一个，好像也不合理有些左侧是菜单，有些是返回，有些中间是搜索，有些原创 2021-03-10 14:53:38 · 177 阅读 · 1 评论 -
第三天：Vue的组件化
1、什么是组件化？我们将一个完整的页面分成很多个组件，每个组件都用于实现页面的一个功能块，而每一个组件又可以进行细分。组件化是Vuejs中的重要思想，它提供了一种抽象，让我们可以开发出一个个独立可复用的小组件来构造我们的应用，任何的应用都会被抽象成一颗组件树。组件化思想的应用使我们在开发中尽可能的将页面拆分成一个个小的、可复用的组件，让我们的代码更加方便组织和管理，并且扩展性也更强。2、注册组件的基本步骤组件的使用分成三个步骤：1、创建组件构造器2、注册组件3、使用组件基本使用：<原创 2021-02-19 17:53:20 · 123 阅读 · 1 评论 -
基于Vue开发的购物车案例
需求：具有增加数量、减少数量、移除书信息、计算总价等功能。HTML：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>书籍购物车</title> <link rel="stylesheet" href="style.css"></head><body><div id="app">原创 2021-02-16 15:16:45 · 194 阅读 · 1 评论 -
Vue登录切换中的问题及解决
用户登录切换案例用户在登录时，可以切换使用用户账号登录或者用户邮箱登录：类似场景：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="app"> <span v-if="isUser"> <la原创 2021-02-15 18:50:38 · 310 阅读 · 0 评论 -
第二天：Vue基础语法
1、计算属性的setter和getter每个计算属性都有setter和getter一般来说用到setter较少，都不希望数据被改动，所以只用getter时也有缩写<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="app">原创 2021-02-15 21:28:49 · 264 阅读 · 1 评论 -
第一天：初学Vue
1、Vuejs的特点Vue是一个渐进式的框架，渐进式意味着你可以将Vue作为你应用的一部分嵌入其中，带来更丰富的交互体验。或者如果你希望将更多的业务逻辑使用Vue实现，那么Vue的核心库以及其生态系统，比如Core+Vue-route+Vuex，也可以满足你各种各样的需求。Vuejs有以下特点：1、解耦视图和数据2、可复用的组件3、前端路由技术4、状态管理5、虚拟DOM2、Vuejs的安装方式一：直接CDN引入你可以选择引入开发环境版本还是生产环境版本<!--开发环境版本，包含了原创 2021-02-14 01:35:59 · 27984 阅读 · 2 评论