![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue.js
文章平均质量分 53
Vue.js实例
yangzm996
重铸C#荣光,我辈义不容辞!
展开
-
Vue 初体验 (十) 混合 mixins 和 插槽slots
先来看混合 mixins未操作前鼠标移到bys上点击按钮在这两个组件中,存在着重复的代码,通过mixins 减少代码工作量html<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta原创 2021-12-24 16:09:04 · 777 阅读 · 0 评论 -
Vue 初体验 (九) 基础配置及传参和修饰符
效果图正常状态点击钉住会一直固定在右下角,并且样式更改html<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content原创 2021-12-24 15:56:09 · 360 阅读 · 1 评论 -
Vue 初体验 (八)过滤器
效果图HTML<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title&g原创 2021-12-24 15:49:26 · 110 阅读 · 0 评论 -
Vue 初体验 (七)配置可传参数组件
效果图点击弹弹弹点击a标签点击显示余额HTML<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=e原创 2021-12-24 15:41:58 · 495 阅读 · 0 评论 -
Vue 初体验 (六)自己配置一个点赞组件
效果图没赞之前赞之后HTML<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> &原创 2021-12-24 15:26:40 · 529 阅读 · 0 评论 -
Vue 初体验 (五)自定义全局组件和局部组件
效果图点击大家弹点击自己弹并且在检查当中会有个报错HTML<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content原创 2021-12-24 15:20:29 · 171 阅读 · 0 评论 -
Vue 初体验 (四)计算属性
效果各科的分数可以输入,实时计算总分和平均分HTML<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edg原创 2021-12-24 15:07:34 · 158 阅读 · 0 评论 -
Vue 初体验 (三) v-model的进阶及控制流指令v-if
一、v-model指令及其修饰符效果后面显示随着前面输入而更改,文字需要焦点离开输入框之后才刷新,数字框限制只能输入数字HTML<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-原创 2021-12-24 15:02:22 · 377 阅读 · 0 评论 -
Vue 初体验 (二) v-model 和 v-show、v-if、v-for、v-bind、v-on
效果后面的显示随着输入而更改无输入时隐藏html<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edg原创 2021-12-24 14:18:55 · 643 阅读 · 0 评论 -
Vue 初体验 (一) 安装及简单用法
推荐一位讲前端技术特别多干货的选手:https://biaoyansu.com/#roadmap推荐一款编辑器 atom,主要是喜欢这种编辑感!打开https://www.bootcdn.cn/直接转到该网址,右键,另存为(这样的话使用的方便一些)新建好html,将刚刚下载的js导入,新建一个main.jsdemo.html 如下<!DOCTYPE html><html lang="zh-cn"><head> <meta charset原创 2021-12-24 14:12:44 · 351 阅读 · 0 评论