vue.js学习
关注
分享
扫一扫
不熬夜的程序猿
武汉大学软件工程硕士
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Vue学习day06--v-for商品添加、删除案例
1、案例中使用bootstrap.css快速添加样式。<!DOCTYPE html><html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml" xmlns:v-on="http://www.w3.org/1999/xhtml"><head> <meta charset="UTF-...原创 2020-04-05 23:25:35 · 303 阅读 · 0 评论 -
Vue学习day05--v-for循环标签及v-if和v-show标签
1、v-for循环普通数组 <div id="app"> <p v-for="(item,i) in list">索引：{{i}}===>该项值为：{{item}}</p> </div> <script> var vm = new Vue({ el:"#a...原创 2020-04-04 17:28:55 · 789 阅读 · 0 评论 -
Vue学习day05--vue中的样式
1.vue中如何使用样式：下列举4中方式 <!--第一种方式：传递一个数组，使用v-bind进行做数据绑定。--> <h1 :class="['red','bold']">我是一个h1,我最大</h1>2.使用内联样式：下列举3中方式 <h1 :style="{'font-size':'30px'}">我是一...原创 2020-04-04 16:59:15 · 190 阅读 · 0 评论 -
Vue学习day04--v-model和双向数据绑定
1、v-model指令只能用到表单元素中。实现双向数据绑定。表单元素：input(raido/text/address/email....)、select、checkbox、textarea<body> <div id="app"> <p>{{msg}}</p> <input type="tex...原创 2020-03-26 23:33:33 · 266 阅读 · 0 评论 -
Vue学习day03--跑马灯效果
<!DOCTYPE html><html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml" xmlns:v-on="http://www.w3.org/1999/xhtml"><head> <meta charset="UTF-8"> <title>vue学习...原创 2020-03-25 23:25:02 · 197 阅读 · 0 评论 -
Vue学习day02--指令
1、创建第一个vue实例。第一步先引入vue.参考官网：https://cn.vuejs.org/v2/guide/<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vue学习day01</title> ...原创 2020-03-24 23:40:19 · 253 阅读 · 0 评论 -
Vue学习day01--vue简介和创建第一个vue实例
今天开始学习vue.js这个框架，记录下学习的知识。与君共勉！1、vue.js是什么？2、为何要用vue.js3、mvc和mvvm的概述(1)mvc属于后端框架（2）vue.js是mvvm形式的架构，具体流程和概念看下图。...原创 2020-03-23 22:38:33 · 235 阅读 · 0 评论