frieryumao的博客

Vue可移动水平时间轴里程碑时间轴具体实现效果图编辑里程碑里程碑时间轴具体实现效果图编辑里程碑效果图<template><div class="state_grade"><!-- <mile-stone :projectId="projectData.proId" :projectName="projectData.proName...

MVC:后端开发概念，模块视图MVVM:前段视图层概念vue代码和MVVM对应关系v-cloak,v-text，v-htmlv-cloak:解决插值表达式闪烁问题，只会替换当前占位符，不会把整个元素内容清空v-text:默认无闪烁问题；会覆盖元素中原本内容v-html:以html格式解析数据输出，默认无闪烁问题；会覆盖元素中原本内容v-bind书写格式2种：v...

Vue学习总结-指令 指令-自定义全局指令让文本框获取焦点指令-使用钩子函数的第二个binding参数拿到传递的值全局指令定义私有指令简写指令指令-自定义全局指令让文本框获取焦点<label> 搜索关键字:<!-- 注意：vue中所有指令，在调用时，都可以v-开头--> <input type="text...

Vue学习总结-生命周期函数 生命周期函数-组件创建期间的4个钩子函数生命周期函数-组件运行和销毁阶段的钩子函数vue-resource发起get、post、jsonp请求生命周期函数-组件创建期间的4个钩子函数生命周期钩子=生命周期函数=生命周期事件生命周期函数-组件运行和销毁阶段的钩子函数vue-resource发起get、post、jsonp请求<template...

Vue学习总结-动画 动画-使用过渡类名实现动画动画-自定义v-前缀动画-使用第三方animate.css类库实现动画动画-钩子函数实现小球半场动画动画-使用transition-group元素实现列表动画添加删除动画-transition-group中appear和tag属性的作用动画-使用过渡类名实现动画<template> <div><!-- 需...

Vue学习总结-组件 组件化和模块化的区别组件-组件的创建方式1组件-组件的创建方式2组件-组件的创建方式3组件-组件中的data组件切换-使用v-if和v-else结合flag进行切换组件切换-使用Vue提供的component元素实现组件切换组件切换-应用切换动画和mode方式动画-小球动画flag标识符的作用分析组件传值-父组件向子组件传值和data与props的区别组件传值-子组件通过事件...

Vue学习总结-路由 路由-前端路由和后端路由的概念路由-vue-router的基本使用路由-router-link的使用路由-路由redirect重定向的使用路由-设置选中路由高亮的两种方式方式1方式2路由-为路由切换启动动画路由传参-使用query方式传递参数路由传参-使用params方式传递路由参数路由-使用children属性实现路由嵌套(未解决)路由-使用命名视图实现经典布局路由-前端...

Vue学习总结-watch watch-监视文本框变化watch-监视路由地址的改变computed-计算属性的使用和3个特点watch-监视文本框变化<template> <div id="app"> <input type="text" v-model="firstname">+ <input type="text" v-mod...