![](https://img-blog.csdnimg.cn/202011201826103.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue
Vue学习记录
蓝带915
不管结果怎样,我一直在路上!
展开
-
14-组件化高级-具名插槽
什么是具名插槽当子组件需要使用多个插槽时,可以利用slot元素的name属性来定义具名插槽,方便父组件使用时辨识,具体看看怎么使用大家就知道啦。具名插槽的使用<html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</title> </head> <body> <div id="app"> .原创 2020-09-07 14:51:48 · 286 阅读 · 0 评论 -
13-组件化高级-插槽的使用
父子组件通信案例要求:原创 2020-09-03 00:41:54 · 117 阅读 · 0 评论 -
12-Vue的组件化开发(二)
组件通信-父组件向子组件传递数据<html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</title> </head> <body> <div id="app"> <cpn...原创 2020-03-03 23:33:46 · 146 阅读 · 0 评论 -
11-Vue的组件化开发(一)
组件化的基本使用<html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</title> </head> <body> <div id="app"> <!-- 3.使用组件...原创 2020-03-03 21:56:56 · 143 阅读 · 0 评论 -
10-Vue的v-model(双向绑定)的原理和使用
v-model的基本使用<html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</title> </head> <body> <div id="app"> <input ...原创 2020-03-02 15:58:01 · 438 阅读 · 0 评论 -
09-Vue实现书籍购物车案例
书籍购物车案例要求1:书架上有四种书以及每种书的信息,要求购物车根据每种书本的数量自动求出总价。要求2:所以的价格要符合类似¥85.00的格式。要求3:每种书的数量减少到1时,减少按钮不可点击,且购物车有移除书本各类的功能。要求4:当购物车为空时,购物车显示出“购物车为空”index.html<html lang="en"> <head> <...原创 2020-03-01 23:45:30 · 1117 阅读 · 0 评论 -
08-Vue的循环遍历
v-for遍历数组<html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</title> </head> <body> <div id="app"> <!-- 1.在遍历...原创 2020-03-01 22:42:10 · 1080 阅读 · 0 评论 -
07-Vue的条件判断
v-if的使用<html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</title> </head> <body> <div id="app"> 你好 <h2...原创 2020-03-01 19:30:54 · 307 阅读 · 0 评论 -
06-Vue的事件监听
v-on的基本使用<html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</title> </head> <body> <div id="app"> <h2>{{co...原创 2020-03-01 18:12:16 · 153 阅读 · 0 评论 -
05-Vue的Computed(计算属性)
计算属性的基本使用<html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</title> </head> <body> <div id="app"> <h2>{{f...原创 2020-03-01 13:48:44 · 106 阅读 · 1 评论 -
04-Vue的动态绑定属性(二)
v-bind动态绑定style(对象语法)<html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</title> </head> <body> <div id="app"> &...原创 2020-02-23 13:04:37 · 333 阅读 · 0 评论 -
03-Vue的动态绑定属性(一)
v-bind的基本使用 Document 百度一下 <script src="../js/vue.js"></script><script> const app = new Vue({ el: "#app", data: { message: "...原创 2020-02-23 08:44:13 · 1821 阅读 · 0 评论 -
02-Vue的插值操作
Mustache语法<html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</title> </head> <body> <div id="app"> {{message}},测...原创 2020-02-18 22:32:25 · 132 阅读 · 0 评论 -
01-Vue初体验
HelloWorld程序<html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</title> </head> <body> <script src="../js/vue.js"></...原创 2020-02-18 21:30:09 · 84 阅读 · 0 评论