Vue.js自学笔记
关注
分享
扫一扫
以学习新技能为主，根据哔哩哔哩中Vue.js的学习视频进行学习
Volcano_WQL
我，踏遍大江南北，只为寻你
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
vue之设置样式
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .page{ width:200px; he...原创 2020-04-12 11:40:20 · 232 阅读 · 0 评论 -
vue之侦听器
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>侦听器</title> <script src="../vue.js"></script></head><body&g...原创 2020-04-12 11:39:09 · 216 阅读 · 0 评论 -
Vue之事件绑定
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="../vue.js"></script></head><body...原创 2020-04-12 11:38:30 · 126 阅读 · 0 评论 -
vue之事件修饰符
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="../vue.js"></script></head><body...原创 2020-04-12 11:37:26 · 369 阅读 · 0 评论 -
Vue之事件传参
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .page{ width:200px; he...原创 2020-04-12 11:36:29 · 264 阅读 · 0 评论 -
Vue之计算属性
computed:{}将计算结果缓存，若不改变内容，计算结果保持相同<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>计算属性</title> <script src="../vue.js"><...原创 2020-03-31 14:59:49 · 159 阅读 · 0 评论 -
Vue之模板语法
v-once一次使用，不受改变影响v-html 插入含有html标签的内容、v-band: ->：、v-on: ->@<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>模板语法</title> &l...原创 2020-03-31 14:57:53 · 176 阅读 · 0 评论 -
Vue之循环渲染
v-for=" index in arr"表示循环arr中的各个属性值<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>渲染v-for</title> <script src="../vue.js">...原创 2020-03-31 14:46:36 · 282 阅读 · 0 评论 -
Vue之例一 tab切换
运用v-if 或者v-show实现首页、新闻和个人中心按钮的切换效果：点击首页按钮，显示首页对应内容；点击新闻按钮，显示新闻对应内容；点击个人中心，显示个人中心内容v-if实现代码如下形式1:设置一个函数根据设置的id值实现切换效果<!DOCTYPE html><html lang="en"><head> <meta charset...原创 2020-03-24 18:03:12 · 189 阅读 · 0 评论 -
Vue之 v-if 与 v-show的异同
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>v-show</title> <script src="vue.js"></script></head><body&g...原创 2020-03-24 17:54:21 · 159 阅读 · 0 评论 -
Vue——条件渲染
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>条件渲染</title> <script src="vue.js"></script></head><body>...原创 2020-03-24 17:51:38 · 142 阅读 · 0 评论 -
Vue初识
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Vue介绍</title></head><body> MVC --> ...原创 2020-03-24 17:48:50 · 156 阅读 · 0 评论