![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
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 · 172 阅读 · 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 · 141 阅读 · 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 · 79 阅读 · 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 · 308 阅读 · 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 · 193 阅读 · 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 · 100 阅读 · 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 · 107 阅读 · 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 · 206 阅读 · 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 · 138 阅读 · 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 · 108 阅读 · 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 · 100 阅读 · 0 评论 -
Vue初识
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Vue介绍</title></head><body> MVC --> ...原创 2020-03-24 17:48:50 · 101 阅读 · 0 评论