vue
文章平均质量分 94
vue学习笔记
倚楼風听雨
努力学习 不甘平庸
展开
-
Vue组件的定义与注册
Vue组件的定义与注册Vue组件的定义和注册全局组件的定义和注册定义组件的三种方式(一)定义组件的三种方式(二)定义组件的三种方式(三)[推荐]使用`components`定义私有组件为组件添加data和methods为什么组件的data必须是一个function组件的切换使用`v-if`和`v-else`结合falg进行切换使用Vue提供的``标签实现组件切换多个组件切换时,通过`mode`属性添加过渡动画Vue组件的定义和注册组件:组件的出现就是为了拆分Vue实例的代码量,能够让我们以不同的组件来划原创 2021-11-23 23:05:50 · 653 阅读 · 2 评论 -
Vue过渡&动画
Vue过渡&动画Vue过渡&动画修改过渡类名的前缀 来把多个DOM元素的动画进行分开定义使用第三方animate.css类库实现动画钩子函数实现半场动画动画的钩子函数举例:使用钩子函数模拟小球半场动画(加入购物车)举例:使用transition-group元素实现列表动画`transition-group`中`appear`和`tag`属性的作用Vue过渡&动画动画进入:v-enter:动画进入之前的初始状态v-enter-to:动画进入之后的结束状态v-enter-a原创 2021-11-18 20:17:01 · 1730 阅读 · 1 评论 -
Vue过滤器
过滤器过滤器自定义全局过滤器全局过滤器的基本使用给过滤器添加一个或多个参数过滤器加一个参数过滤器加两个参数同时使用多个过滤器示例1:时间格式化举例2:列表功能自定义私有过滤器过滤器自定义全局过滤器自定义全局过滤器全局过滤器的基本使用使用全局方法Vue.filter()自定义一个全局过滤器。每一个Vue对象实例(每一个VM实例)都可以拿到这个过滤器。它接收两个参数:过滤器的名称、过滤器函数在插值表达式中使用<p>{{msg | msgFormat}}</p>管道符前原创 2021-11-11 21:07:22 · 1194 阅读 · 0 评论 -
Vue系统指令(二)
Vue系统指令(二)`v-model`:双向数据绑定`v-for`和`key`属性对象数组的遍历对象的遍历遍历数字v-for中key的使用注意事项`v-if`:设置元素的显示和隐藏(添加/删除DOM元素)`v-show`:设置元素的显示和隐藏(在元素上添加/移除`style="display:none"属性`)v-if和v-show的区别v-model:双向数据绑定双向数据绑定,只能用于表单元素,或者用于自定义组件区别- v-bind:只能实现数据的单向绑定,从M自动绑定到V,无法实现数据的双原创 2021-11-07 23:16:20 · 1057 阅读 · 0 评论 -
Vue系统指令(一)
Vue系统指令(一)插值表达式 {{}}v-cloakv-textv-htmlv-bind:属性绑定机制v-on:事件绑定机制`v-on:click`:点击事件`v-on`的简写形式v-on的事件修饰符v-on的常见事件修饰符简单了解Node中的MVC与前端中的MVVM之间的区别插值表达式 {{}}数据绑定最常见的形式就是使用“Mustache”语法(双大括号)的文本插值。{{}}中每个绑定都只能包含单个表达式.<span>Message: {{ msg }}</span>原创 2021-11-04 10:01:42 · 126 阅读 · 0 评论