Vue
黄圆CLW
爱学习的一只黄圆
展开
-
在vue中,利用transition 实现图片过渡效果
<template> <div class="container"> <div class="btn"> <button @click="prev">prev</button> <button @click="next">next</button> </div> <transition :name="`${direction}-image`" ...原创 2022-04-19 16:52:31 · 778 阅读 · 0 评论 -
Vue的模板语法
Vue的模板语法有两大类:1.插值语法。2.指令语法。1.插值语法:可以解析标签内容。格式{{xxx}},xxx为js表达式,可以直接读取到data的属性值。2.指令语法:可以解析标签(标签属性,标签体内容,绑定事件...)举例:v-bind:href="xxx",xxx也是js表达式或者data里的属性,v-bind,可以将字符串当做表达式去执行。【vue中有很多指令,都是v-xxx的形式】<body> <div id="root">原创 2021-12-02 17:07:46 · 748 阅读 · 0 评论 -
初识Vue
运用Vue,就要创建一个Vue对象,且要传入一个配置对象; Div/root容器里面也是符合html的代码,但是混入一些特殊的Vue的语法。 Root里的代码被称为【Vue模板】 代码:5.Vue实例和容器是一一对应的,真实的开发中,只有一个Vue实例,会配合组件一起使用。错误实例:正确实例:6.在root容器{{xxx}}里不止可以填入data里的数据,也可以填入js表达式。【注意区分】js表达式和js代码:a.Js表达式:一个表达式会生成一个值,可以放...原创 2021-12-02 16:07:32 · 800 阅读 · 0 评论