2021年9月8日
vue-组件（动态组件）
摘要： 一、内置组件component 1、component简介 有的时候，在不同组件之间进行动态切换是非常有用的。这时候就需要使用动态组件。 通过 Vue 的 <component> 元素加一个特殊的 is 属性来实现，写法： <component :is=''> </component> 多个组件使用 阅读全文
posted @ 2021-09-08 17:38 AnnLing 阅读(1096) 评论(0) 推荐(0)
vue-组件（引用模板）
摘要： 一、引用模板 引用模板就是把组件的内容放到<template></template>中并引用。一般当组件的内容比较多的时候使用引用模板的方式。 二、代码实例 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 阅读全文
posted @ 2021-09-08 17:36 AnnLing 阅读(630) 评论(0) 推荐(0)
vue-组件（分类）
摘要： 一、组件的分类 组件可以分类为：全局组件和局部组件。 1、全局组件 全局组件可以在所有的vue实例中使用。使用Vue.component定义全局组件。 2、局部组件 局部组件只能在当前vue实例中使用。使用Vue中的components选项定义局部组件。 1 <!DOCTYPE html> 2 <h 阅读全文
posted @ 2021-09-08 16:49 AnnLing 阅读(1190) 评论(0) 推荐(1)
vue-组件（定义）
摘要： 一、组件component 1、什么是组件 组件是vue。js最强大的功能之一，组件可以扩展html元素，封装可重用的代码。组件就是自定义的元素，组件也是自定义的对象。 2、如何自定义组件？ 方式1：使用组件构造器定义组件（太麻烦，不推荐使用） 先使用Vue.extend创造组件构造器，由组件构造器 阅读全文
posted @ 2021-09-08 16:31 AnnLing 阅读(236) 评论(0) 推荐(0)
vue-动画（多元素）
摘要： 一、多元素动画 需要使用transition group组件。 <transition group> </transition group> 二、实例 动画显示搜索结果。 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="U 阅读全文
posted @ 2021-09-08 11:58 AnnLing 阅读(106) 评论(0) 推荐(0)
vue-安装animate.css
摘要： 一、安装animate.css 1、运行cpm install animate.css --save 2、找到下载的animate.css文件夹 3、拷贝animate.css源文件 二、引入animate.css 1、在项目中新建文件夹css存放所有css源文件，将animate.css源文件存放 阅读全文
posted @ 2021-09-08 11:22 AnnLing 阅读(576) 评论(0) 推荐(0)