Vue
关注
分享
扫一扫
文章平均质量分 78
kokunka
路漫漫其修远兮
展开
-
阿菜的Vue学习之旅（八）
1.组件化开发2.全局组件和局部组件3.父组件和子组件4.注册组件的语法糖写法5.组件模板抽离的2种写法原创 2022-04-15 23:00:29 · 221 阅读 · 0 评论 -
阿菜的Vue学习之旅（七）
关于v-on的一些常见修饰符的使用原创 2022-02-27 22:18:49 · 442 阅读 · 0 评论 -
阿菜的Vue学习之旅（六）
阿菜的Vue学习之旅（六） 问题：当data对象中有一个数组类型的key/value值的时候，如何进行其内部的部分变量的计算？问题：当data对象中有一个数组类型的key/value值的时候，如何进行其内部的部分变量的计算？html部分： <div class="myShopping"> <h2>购物之后，我需要支付的价钱为： {{totalPrice}}元</h2> </div>方法一： 主要是看totalPrice属性c原创 2022-02-25 23:18:23 · 373 阅读 · 0 评论 -
阿菜的Vue学习之旅（五）
data对象的key拼接原创 2022-02-25 22:35:34 · 328 阅读 · 0 评论 -
阿菜的Vue学习之旅（四）
阿菜的Vue学习之旅（四） 1.v-bind指令的使用2.v-bind指令动态绑定class（对象语法）3.v-bind指令动态绑定class（数组语法）4.v-bind指令动态绑定style（对象语法）1.v-bind指令的使用index.html <div id="myPet"> <!--v-bind指令，能够获取从数据库中传递的动态数据，在这里它通过vue实例中的data绑定元素中的src、herf--> <img v-bind:sr原创 2022-02-17 20:06:43 · 286 阅读 · 0 评论 -
Vue实现点击列表中的某个文字就改变其颜色
index.html<div class="me"> <h2>我喜好的女神【日本系列】：</h2> <ul> <li v-for="(i,index) in lists" :class="getClasses(index)" v-on:click="myClick(index)">{{i}}</li> </ul> </div>r原创 2022-02-08 21:55:08 · 2016 阅读 · 0 评论 -
阿菜的Vue学习之旅（三）
阿菜的Vue学习之旅（三）1.v-once指令的使用2.v-text指令的使用3.v-html指令的使用4.v-pre指令的使用5.v-cloak指令的使用1.v-once指令的使用index.html <div id="user"> <!--当我们使用v-once指令的时候，变量的值就不会被更改--> <h3 v-once>姓名：{{name}}</h3> <h3>年龄：{{age}}<原创 2022-02-05 18:12:31 · 418 阅读 · 0 评论 -
阿菜的Vue学习之旅（二）
阿菜的Vue学习之旅（二）一、Mustache语法的使用二、Mustache 语法的使用总结三、引用Mustache.js的使用一、Mustache语法的使用今天阿菜在继续学习Vue的时候，碰到了老师讲的一种“轻逻辑”的语法——Mustache语法。作为新手村的体验式程序员，阿菜在看懂晦涩的官方文档解释之前，先上手敲了一波代码。index.html<body> <div id="app"> <!--Mustache的语法很简单，就是在html页原创 2022-01-29 23:25:04 · 1034 阅读 · 0 评论 -
阿菜的Vue学习之旅（一）
阿菜的Vue学习之旅（一）1.Vue的初步使用2.关于MVVM架构的Vue设计原创 2022-01-27 21:47:14 · 786 阅读 · 0 评论