![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
文章平均质量分 78
编程小吉
莫问前程几许,只顾风雨兼程,既然选择了,那就努力做下去,加油 !
展开
-
Vue状态管理
状态管理1.什么是状态管理?2.下载使用3.管理模式4.配置选项5.状态管理中的API1.什么是状态管理?由于状态零散地分布在许多组件和组件之间的交互中,大型应用复杂度也经常逐渐增长,所以 Vuex是Vue团队提供的一套组件状态管理维护的解决方案作用进一步完善了Vue基础代码功能使Vue组件状态更加容易维护为大型项目开发提供了强大的技术支持使用<script src="vue.js"></script><script src="vuex.js"原创 2021-11-05 18:46:37 · 1302 阅读 · 0 评论 -
Vue路由管理
路由管理1.什么是路由?2.Vue-Router3.基本使用4.对象属性5.动态路由6.嵌套路由7.命名视图8.命名路由9.编程式导航10.重定向和别名11.路由组件传参1.什么是路由?生活中的通过路由器功能来完成不同网络之间数据的传递后端路由浏览器每访问一次新页面的时候,都要向服务器发送请求,然后服务器会响应请求,返回新页面给浏览器,在这个过程中会有一定的网络延迟后端路由是通过用户请求的URL分发到具体的处理程序,从而使浏览器每次跳转到不同的页面服务器收到请求后,将数据和模板组合原创 2021-11-05 18:46:22 · 1650 阅读 · 0 评论 -
Vue过渡动画
过渡动画1.过渡是什么?2.过渡状态3.CSS实现过渡4.自定义实现过渡5.CSS实现动画6.初始动画渲染7.动画钩子函数8.多元素过渡9.多组件过渡10.列表过渡1.过渡是什么?Vue 在插入、更新或者移除 DOM 时,提供多种不同方式的应用过渡效果过渡就是组件元素从一个状态向另一种状态的切换2.过渡状态进入过渡v-enter定义进入过渡的开始状态,在元素被插入之前生效,作用于开始的一帧。v-enter-active定义进入过渡生效时的状态。在整个进入过渡的阶段中应用,在原创 2021-11-05 18:46:06 · 1156 阅读 · 0 评论 -
Vue组件使用
组件使用1.什么是组件?2.基本使用3.父子组件传递数据4.根元素组件5.插槽的使用6.自定义事件7.mixins的使用8.render的使用1.什么是组件?组件是构成页面中独立结构单元,组件主要以页面结构形式存在,是对结构的抽象能够减少重复代码的编写,提高开发效率。降低代码之间的耦合程度,使项目更易维护和管理。根据业务逻辑实现复杂的项目功能。2.基本使用<div id="my"> <mybutton></mybutton> <templ原创 2021-11-05 18:45:46 · 1242 阅读 · 0 评论 -
Vue常用指令
常用指令1.v-text2.v-html3.v-show4.v-if5.v-else6.v-else-if7.v-for8.v-on9.v-bind10.v-model11.v-slot12.v-pre13.v-cloak14.v-once1.v-text设置元素的 textContent。<span id="app" v-text="msg"></span>var vm=new Vue({ el:"#app", data:{ msg:"文本内原创 2021-11-04 15:27:52 · 1102 阅读 · 0 评论 -
Vue实例属性
实例属性1.vm.$data2.vm.$props3.vm.$options4.vm.$el5.vm.$parent6.vm.$children7.vm.$root8.vm.$slots9.vm.$attrs10.vm.$refs1.vm.$data获取Vue实例的数据对象data属性2.vm.$props用于接收上级组件向下级组件传递的数据<div id="app"> <parent></parent></div><te原创 2021-11-04 15:27:35 · 1189 阅读 · 0 评论 -
Vue基本属性
基本属性1.el(挂载点)2.data(数据)3.methods(方法)4.computed(计算属性)5.watch(监听)6.filters(过滤器)7.components(局部组件)1.el(挂载点)var vm=new Vue({ el:"#app"})功能作用是用来设置Vue实例管理的元素对象作用范围Vue会管理el选项命中的元素以及其内部的后代元素可用选择器可以使用id、class等常用选择器可用Dom元素只能用在双标签元素上,不能用于单标签、H原创 2021-11-04 15:27:14 · 1336 阅读 · 0 评论 -
Vue基本概述
1.钩子函数钩子函数用来描述Vue实例从创建到销毁的整个生命周期beforeCreate:function(){ #在实例初始化之后,数据观测 (data observer) 和 event/watcher 事件配置之前被调用。},created:function(){ #在实例创建完成后被立即调用,然而,挂载阶段还没开始,$el property 目前尚不可用。},beforeMount:function(){ #在挂载开始之前被调用:相关的 render 函数首次被调用。},m原创 2021-11-04 15:26:45 · 1458 阅读 · 0 评论 -
Vue 使用 normalize.css
目录一、什么是normalize.css?二、normalize.css的特性三、normalize 对比 reset四、normalize.css的使用一、什么是normalize.css?Normalize.css 只是一个很小的CSS文件,但它在默认的HTML元素样式上提供了跨浏览器的高度一致性。Normalize.css 相比于传统的CSS reset,是一种现代的、为HTML5准备的优质替代方案。Normalize.css 现在已经被广泛用于Twitter Bootstrap、HTML5原创 2021-04-13 20:13:21 · 2135 阅读 · 0 评论 -
Vue使用form-create-designer插件搭建表单构建器
目录一、插件简介1.快速导航2.核心功能二、基础使用1.下载插件2.引入插件3.配置使用4.效果演示三、功能扩展1.下载插件2.引入插件3.配置使用4.效果演示一、插件简介form-create-designer 是基于 @form-create/element-ui 实现的表单设计器组件。可以通过拖拽的方式快速创建表单,提高开发者对表单的开发效率,节省开发者的时间。1.快速导航插件地址:https://github.com/xaboy/form-create-designer文档地址:ht原创 2021-04-13 15:55:14 · 10938 阅读 · 3 评论 -
Vue实现数据表格的打印、导入、导出
数据表格打印、导入、导出数据表格打印一、实现当前页面数据打印二、实现全部页面数据打印数据表格导入一、HTML代码编写二、JavaScript代码编写三、导入数据表格JS代码编写数据表格导出一、安装相应插件二、导入依赖文件三、修改JS文件四、代码编写使用数据表格打印一、实现当前页面数据打印利用 vue-print-nb 插件1.安装npm install vue-print-nb --save2.引入// 在main.js文件中引入import Print from 'vue-p原创 2021-04-05 12:35:01 · 3988 阅读 · 0 评论