上一页 1 2 3 4 5 6 7 8 ··· 22 下一页
摘要: 阅读全文
posted @ 2023-08-09 00:00 雪落无痕1 阅读(3) 评论(0) 推荐(0) 编辑
摘要: 1. 加载 第三方动画 npm install aninate.css 2. App.vue <template> <div> <button @click="isShow=!isShow"> 显示/隐藏 </button> <transition-group appear name="animat 阅读全文
posted @ 2023-08-08 23:54 雪落无痕1 阅读(11) 评论(0) 推荐(0) 编辑
摘要: 1.App.vue <template> <div> <Test></Test> <Test2></Test2> </div> </template> <script> import Test from './components/Test.vue'; import Test2 from './co 阅读全文
posted @ 2023-08-08 23:06 雪落无痕1 阅读(2) 评论(0) 推荐(0) 编辑
摘要: 1.App.vue <template> <div> <Test></Test> <Test2></Test2> </div> </template> <script> import Test from './components/Test.vue'; import Test2 from './co 阅读全文
posted @ 2023-08-08 22:55 雪落无痕1 阅读(4) 评论(0) 推荐(0) 编辑
摘要: 1. Test.vue <template> <div> <button @click="isShow=!isShow"> 显示/隐藏 </button> <h1 v-show="isShow" class="come">你好呀</h1> </div> </template> <script> ex 阅读全文
posted @ 2023-08-07 00:08 雪落无痕1 阅读(3) 评论(0) 推荐(0) 编辑
摘要: 1. 语法 this.$nextTick(回调函数) 2. 作用 在下一次DOM 更新结束后执行其指定的回调 3. 什么时间用 当改变数据后,要基于更新后新的DOM进行某些操作时,要在nextTick 所指定的回调函数中执行。 1. App.vue <template> <div id="root" 阅读全文
posted @ 2023-08-06 21:56 雪落无痕1 阅读(4) 评论(0) 推荐(0) 编辑
摘要: 1.App.vue <template> <div id="root"> <div class="todo-container"> <div class="todo-wrap"> <!-- @addTodo 事件名 addTodo 回调名--> <MyHeader @addTodo="addTodo 阅读全文
posted @ 2023-08-04 23:05 雪落无痕1 阅读(4) 评论(0) 推荐(0) 编辑
摘要: 1. 安装组件。npm i pubsub-js 2.main.js /** * 该文件是整个项目的入口文件 */ //引入Vue import Vue from 'vue' // 引入App 组件 他是所有组件的父组件 import App from './App.vue' //关闭vue 的生产提 阅读全文
posted @ 2023-08-04 00:36 雪落无痕1 阅读(7) 评论(0) 推荐(0) 编辑
摘要: 1.mainjs /** * 该文件是整个项目的入口文件 */ //引入Vue import Vue from 'vue' // 引入App 组件 他是所有组件的父组件 import App from './App.vue' //关闭vue 的生产提示 Vue.config.productionTi 阅读全文
posted @ 2023-08-03 23:47 雪落无痕1 阅读(9) 评论(0) 推荐(0) 编辑
摘要: 1.main.js /** * 该文件是整个项目的入口文件 */ //引入Vue import Vue from 'vue' // 引入App 组件 他是所有组件的父组件 import App from './App.vue' //关闭vue 的生产提示 Vue.config.productionT 阅读全文
posted @ 2023-08-02 00:41 雪落无痕1 阅读(5) 评论(0) 推荐(0) 编辑
上一页 1 2 3 4 5 6 7 8 ··· 22 下一页