摘要：
0.main.js引入animate.css 1.给router-view标签外层加上transition标签，并且router-view标签要改成<router-view></router-view> 2.在transition标签加上两个类：enter-active-class 和 leave- 阅读全文
posted @ 2019-05-19 09:29 猫头唔食鱼 阅读(2358) 评论(0) 推荐(0) 编辑
摘要：
通过import引入的组件都是局部组件 通过Use使用的都是全局组件 1.在components文件夹下新建vue组件和index.js 2.index.js引入这个组件。暴露出install方法，install(Vue){ Vue.component('ComponentName',Compone 阅读全文
posted @ 2019-05-18 11:03 猫头唔食鱼 阅读(297) 评论(0) 推荐(0) 编辑
摘要：
slot分为匿名插槽和具名插槽 1.匿名插槽 首先问一个问题：如果引用过来的子组件标签里有内容，那么怎么显示？ 答：在子组件加个slot标签就可以了。所以可以说，slot标签是用于显示引用的子组件中的内容。 父组件引用子组件，子组件标签里，如果有内容，那么slot标签的内容不显示，如果子组件标签没有 阅读全文
posted @ 2019-05-18 01:20 猫头唔食鱼 阅读(160) 评论(0) 推荐(0) 编辑
摘要：
0.引入animate.css 1.用transition标签包裹多个运动的元素，transtion-group标签使用enter-active-class定义进入动画的类，用leave-active-class定义离开动画的类。 2.被包裹的元素要使用key属性，属性值要唯一 例子： 阅读全文
posted @ 2019-05-17 10:48 猫头唔食鱼 阅读(249) 评论(0) 推荐(0) 编辑
摘要：
1.在main.js中引入animate.css 2.使用transition标签包裹运动的元素,使用enter-active-class定义进入动画，使用leave-active-class定义离开动画，注意animate.css的所有动画要加animated这个类 例子： 阅读全文
posted @ 2019-05-17 10:37 猫头唔食鱼 阅读(1065) 评论(0) 推荐(0) 编辑
摘要：
1.使用transition标签包裹要运动的元素，给transition标签定义一个name属性 2.定义6个类名，每个类名都要用trnasition的name的属性值作为前缀。 (1) v-enter-active 和 v-leave-active 这两个类，定义过渡的属性 (2)v-enter 阅读全文
posted @ 2019-05-17 10:29 猫头唔食鱼 阅读(310) 评论(0) 推荐(1) 编辑
摘要：
$watch和watch属性都是监听值的变化的,是同一个作用，但是有两个不同写法。 用法一： this.$watch((newVal,oldVal)=>{ }) 注意：这种方法是监听不到对象的变化的。 用法二： watch:{ xxx：（newVal,oldVal)=>{ // xxx是data里的 阅读全文
posted @ 2019-05-16 09:54 猫头唔食鱼 阅读(6403) 评论(0) 推荐(1) 编辑