Vue
关注
分享
扫一扫
coderLcy
这个作者很懒，什么都没留下…
展开
-
2020-11-30 Vue-12前端模块化
72-73原创 2020-12-20 10:44:06 · 84 阅读 · 0 评论 -
2020-11-30 Vue-11组件化高级-slot
68<div id="app"> <cpn></cpn> <cpn> <button>按钮</button> </cpn> <cpn> <i>呵呵</i> </cpn> <cpn> <h2>Bryant</h2> <p>Kobe</p> .原创 2020-12-20 10:43:35 · 123 阅读 · 0 评论 -
2020-11-25 Vue-10组件化开发（2）
63<div id="app"> <cpn :number1="num1" :number2="num2" @num1changechild="num1change" @num2changechild="num2change"></cpn></div><template id="cpn"> <div> <h2>props:{{number1}}<原创 2020-12-20 10:42:59 · 90 阅读 · 0 评论 -
2020-11-22 Vue-10组件化开发（1）
51原创 2021-02-09 21:36:51 · 91 阅读 · 0 评论 -
2020-11-21 Vue09-v-model
45<body> <div id="app"> <input type="text" v-model="firstName"> <br> {{firstName}} </div> <script src="../js/vue.js"></script> <script> const app = new Vue({ el: '#ap...原创 2020-12-20 10:42:12 · 142 阅读 · 0 评论 -
2020-11-21 Vue08-购物车案例 && filter,map,reduce
40-41过滤器-42-43<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" hre原创 2020-12-20 10:41:31 · 72 阅读 · 0 评论 -
2020-11-18 Vue-07循环遍历
36<body> <div id = "app"> <ul> <li v-for="item in names">{{item}}</li> </ul> <ul> <li v-for="(item, index) in names"> {{index+1}}.{{item}} </li> </u原创 2020-12-20 10:40:50 · 102 阅读 · 0 评论 -
2020-11-17 Vue-06条件判断
32原创 2020-12-20 10:38:19 · 97 阅读 · 0 评论 -
2020-11-17 Vue-05事件监听
29-v-on<body> <div id = "app"> <h2>{{counter}}</h2> <button v-on:click="increment">+</button> <button v-on:click="decrement">-</button> </div> <script src="../js/vue.js">原创 2020-12-20 10:37:09 · 120 阅读 · 0 评论 -
2020-11-15 Vue-04计算属性&&05-es6补充
20-计算属性基本操作<body> <div id="app"> <h2>{{fullName}}</h2> </div> <script src="../js/vue.js"></script> <script> const app = new Vue({ el: '#app', data: { firstName: 'Kobe'原创 2020-12-20 10:34:33 · 119 阅读 · 0 评论 -
2020-11-11 Vue-03动态绑定属性
14-v-bind<body> <div id="app"> <h2>Mamba :{{name}}</h2> <img v-bind:src="imgURL" alt=""> <a v-bind:href="aHref" alt="">百度一下</a> </div> <script src="../js/vue.js"></script>原创 2020-11-29 10:41:38 · 175 阅读 · 0 评论 -
2020-11-10 Vue-02插值操作
12-插值操作-Mustache<body> <div id="app"> <h2>{{message}}</h2> <h2>{{firstName + lastName}}</h2> <h2>{{firstName + ' ' +lastName}}</h2> <h2>{{firstName}} {{lasrName}}</h2>原创 2020-11-28 22:38:35 · 93 阅读 · 0 评论 -
2020-11-08 Vue-01
01-helloVue原创 2020-11-26 23:14:23 · 106 阅读 · 0 评论