Vue
关注
分享
扫一扫
文章平均质量分 58
Vue知识
北极星小王子
得之坦然，失之淡然，争之必然，顺义自然
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
9、遍历数组和对象
循环遍历<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <div id="app"> <!-- 1. 在遍历的过程中，没有使用索引值(下标值) --> <ul>原创 2021-02-07 20:50:03 · 277 阅读 · 0 评论 -
8、条件判断
条件判断一、v-if二、v-else-if一、v-if<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <div id="app"> <h2 v-if="isShow">{{message}}<原创 2020-11-08 22:20:44 · 259 阅读 · 0 评论 -
7、事件监听
事件监听一、v-on基本使用二、v-on传递参数三、v-on修饰符v-on 指令用来监听事件一、v-on基本使用栗子????：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <div id="app"> &原创 2020-11-08 19:33:41 · 208 阅读 · 0 评论 -
5、计算属性
Vue的计算属性一、计算简单属性二、计算复杂属性一、计算简单属性栗子????：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <div id="app"> <h2>{{fullName}}<原创 2020-10-19 13:14:52 · 208 阅读 · 0 评论 -
4、绑定属性
Vue的bind操作一、v-bind介绍二、v-bind动态绑定class(对象语法)三、v-bind动态绑定class(数组语法)四、v-bind动态绑定style(对象语法)一、v-bind介绍除了内容需要动态绑定，某些属性我们也希望动态来绑定比如动态绑定 a 元素 的 href 属性比如动态绑定 img 元素 的 src 属性栗子????：<!DOCTYPE html><html lang="en"><head> <meta cha原创 2020-10-18 20:35:34 · 396 阅读 · 0 评论 -
3、插值操作
Vue一、插值操作1.1、Mustache 语法1.1、v-once2.1.2、v-html2.1.3、v-pre2.1.3、v-cloak一、插值操作1.1、Mustache 语法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <原创 2020-10-18 12:32:09 · 251 阅读 · 0 评论 -
2、MVVM
Vue 的 MVVM：View 层视图层在前端开发中，通常就是 DOM 层主要的作用是给用户展示各种信息Model 层数据层数据可能是我们固定的死数据，更多的是来自我们服务器，从网络上请求下来的数据VueModel 层视图模型层视图模型是 View 和 Model 沟通的桥梁一方面它实现了数据绑定，将 Model 的改变实时的反应到 View 中另一方面它实现了 DOM 监听，当 DOM 发生一些事件时（点击、滚动等），可以监听到，并在需要的情况下改变对应的 Dat原创 2020-10-13 20:16:57 · 261 阅读 · 0 评论 -
1、安装和初体验
Vue 安装和初体验1.1、下载引入1.2、实际操作1.3、案例1.3.1、Hello World1.3.2、列表的展示1.3.3、列表的计数器1.1、下载引入直接 CDN 引入可以选择引入开发环境版本还是生产环境版本：<!-- 开发环境版本，包含了有帮助的命令行警告 --><script src = "https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script><!-- 生产环境版本，优化了尺寸和速原创 2020-10-11 16:34:59 · 275 阅读 · 0 评论