摘要：
项目前期准备 安装Node.js 安装vue-cli 脚手架构建工具 使用vue-cli脚手架创建工程 vue-cli创建的项目目录结构 了解多页应用与单页应用 多页应用 多页应用由多个完整页面构成，每次页面跳转，后台都会返回一个新的HTML文档。 页面切换慢是因为每一次切换页面都需要发起一个HTT 阅读全文
posted @ 2021-02-21 21:57
小风车吱呀转
阅读(105)
评论(0)
推荐(0)
摘要：
以下代码是实现点击按钮使文字渐隐渐现的隐藏和显示的功能： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Vue中的进场和出场过渡</title> <script src="./vue.js"></script> <style> 阅读全文
posted @ 2021-02-08 20:43
小风车吱呀转
阅读(134)
评论(0)
推荐(0)
摘要：
有这样一个代码需求：实现一个点击按钮，然后在列表中添加并显示内容 <div id="root"> <div v-for="(item,index) of list" :key="item.id"> {{item.title}} </div> <button @click="handleBtnClic 阅读全文
posted @ 2021-02-08 20:27
小风车吱呀转
阅读(148)
评论(0)
推荐(0)
摘要：
多个元素的过渡 对于原生标签可以使用 v-if/v-else实现多个元素之间的过渡，如下面代码： .v-enter, .v-leave-to{ opacity: 0; } .v-enter-active, .v-leave-active{ transition: opacity 3s; } <div 阅读全文
posted @ 2021-02-08 14:19
小风车吱呀转
阅读(380)
评论(0)
推荐(0)
摘要：
以前都是通过CSS实现动画效果,在Vue里可以用JS实现动画。 在Vue里用JS实现动画需要在transition标签的 attribute 中声明 JavaScript 钩子 第一个动画钩子：@before-enter <div id='app'> <transition @before-ente 阅读全文
posted @ 2021-02-08 13:17
小风车吱呀转
阅读(173)
评论(0)
推荐(0)
摘要：
初始渲染的过渡 在上一篇animate.css代码的基础上，运行时可以发现当页面第一次渲染元素时，并没有出场动画。我们可以通过 appear attribute 设置节点在初始渲染的过渡,同样也需要自定义类名： <div id="root"> <transition name="fade" appe 阅读全文
posted @ 2021-02-07 22:07
小风车吱呀转
阅读(214)
评论(0)
推荐(1)
摘要：
先来看一个例子，要实现的效果是文字弹跳放大在缩小显现和隐藏： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>在vue中使用Animate.css库</title> <link rel="stylesheet 阅读全文
posted @ 2021-02-07 16:42
小风车吱呀转
阅读(206)
评论(0)
推荐(0)
摘要：
Vue 提供了 transition 的封装组件，transition标签意思它包裹的内容里面有一个过渡的动画效果，在下列情形中，可以给任何元素和组件添加进入/离开过渡 条件渲染 (使用 v-if) 条件展示 (使用 v-show) 动态组件 组件根节点 当一个元素被transition包裹了之后， 阅读全文
posted @ 2021-02-06 22:51
小风车吱呀转
阅读(180)
评论(0)
推荐(0)
摘要：
一、组件使用的细节 1.使用模板标签出现的bug 当使用模板定义一个组件显示tr及tr里的内容放在表格标签时，会出现以下bug: 发现模板跑到了table标签外面，并且和table同级这一层。如果在tbody里直接使用模板这样一点都不符合h5的编码规范(h5的规范里面说明，table里面必须放tbo 阅读全文
posted @ 2021-02-01 23:04
小风车吱呀转
阅读(106)
评论(0)
推荐(0)
摘要：
一、Vue简介 Vue官方文档:https://cn.vuejs.org/ Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类 阅读全文
posted @ 2021-01-29 16:36
小风车吱呀转
阅读(115)
评论(0)
推荐(0)
浙公网安备 33010602011771号