vue
文章平均质量分 89
算云烟
这个作者很懒,什么都没留下…
展开
-
VUE面试题集合(一)
1.vue与mvvmMVVM就是Model-View-ViewModel(MVVM,模型视图视图模型)通过将分为以下三个部分来设计和实现具有自己的(GUI)的方法。它是(MVC)的派生模式Model代表数据模型,也可以在Model中定义数据修改和操作的业务逻辑。View 代表UI 组件,它负责将数据模型转化成UI 展现出来。ViewModel 监听模型数据的改变和控制视图行为、处理用户交互,简单理解就是一个同步View 和 Model的对象,连接Model和View。在MVVM架构下,View 和原创 2021-02-11 22:40:19 · 239 阅读 · 0 评论 -
VUE(七): ref属性,nextTick与对象深度改变
一、ref属性ref 用来给DOM元素或子组件注册引用信息。引用信息会根据父组件的 $refs 对象进行注册。如果在普通的DOM元素上使用,引用信息就是DOM元素如果用在子组件上,引用信息就是组件实例想要在Vue中直接操作DOM元素,就必须用ref属性进行注册$ref不是响应式的,因此不要在此对象中试图去改变数据当v-for去遍历元素或者组件时,引用信息则是一个数组1.ref作用在组件上html:<div id="ref-outside-component" v-on:click原创 2021-01-05 20:08:39 · 788 阅读 · 0 评论 -
VUE+ElementUI实现前端分页
VUE_ElementUI前端分页参考了这位大佬的博客(https://blog.csdn.net/qq_42707611/article/details/102621081),经过自己的修改,与elementui分页插件相结合,实现了前端组件分页效果图如下:每页几条,前往几页,均可使用。下面直接上代码一、定义变量data(){ return { // 权限列表,向后台请求数据获取,看起来格式应该是这样的[{},{},{}] rightsList:[],原创 2020-12-22 14:23:06 · 2919 阅读 · 7 评论 -
Axios - 网络请求框架的使用
文章有参看其他博主文章:https://blog.csdn.net/weixin_43830606/article/details/88964522https://www.jianshu.com/p/636aa0e565a5一、概述1.为什么选择axios随着 vuejs 作者尤雨溪发布消息,不再继续维护vue-resource,并推荐大家使用 axios 开始,axios 被越来越多的人所了解2.axios特点axios 是一个基于Promise 用于浏览器和 nodejs 的 HT原创 2020-11-24 15:29:58 · 301 阅读 · 0 评论 -
VUEX - vue状态管理的使用
有参看其他博主文章:https://www.cnblogs.com/guiyishanren/p/10657910.html一、概述1.vuex是什么官方描述:Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension (opens new window),提供了诸如零配置的 time-travel 调试、状态快照导原创 2020-11-19 20:46:06 · 489 阅读 · 0 评论 -
VUE-ROUTER:VUE路由的安装与使用
文章有参看其他博主文章:原文:https://www.jianshu.com/p/5dff6811252dvue-router导航守卫原文:https://zhuanlan.zhihu.com/p/54112006,https://segmentfault.com/a/1190000015727279一、概述:vue-router是vue官方推出的单页面路由管理器,让构建单页面应用变得易如反掌,页面之间的跳转更加灵活自由vue-router实现原理:SPA(single page原创 2020-11-18 23:00:11 · 990 阅读 · 0 评论 -
VUE-CLI4:使用VUE脚手架创建项目
一、概述VUE-CLI是VUE官方推出的用来构建VUE项目的脚手架配置工具基于vue.js,用于自动生成vue.js+webpack的项目模板它有以下三个组件CLI:@vue/cli 全局安装的 npm 包,提供了终端里的vue命令(如:vue create 、vue serve 、vue ui 等命令)CLI 服务:@vue/cli-service是一个开发环境依赖。构建于 webpack 和 webpack-dev-server 之上(提供 如:serve、build 和 inspect原创 2020-11-18 16:09:31 · 1094 阅读 · 0 评论 -
ES模块化的导入和导出
文章来源于原创博主:https://blog.csdn.net/jwz934738949/article/details/1074306221.export导出在使用导入与导出时,需要在引用js文件时添加type属性,type值为module<script src="test1.js" type="module"></script><script src="test2.js" type="module"></script>12导出对象:使用.原创 2020-11-06 16:37:32 · 149 阅读 · 0 评论 -
VUE(六):插槽的基本使用
通俗易懂的讲,slot具有占位的作用,在子组件占好了位置,那父组件使用该子组件标签时,新添加的DOM元素就会自动填到这个位置里面假如父组件需要在子组件内放一些DOM元素,那么这些DOM是显示呢还是不显示呢?默认情况下是不会显示的,那么我执意要加DOM元素到子组件上该怎么实现呢?这就用到了slot插槽,使用slot这个标签可以将父组件放在子组件的内容,放到它想显示的地方<div id="app"> <children> <span>我是..原创 2020-11-06 12:24:28 · 382 阅读 · 0 评论 -
VUE(五):父子组件通信
父子组件通信指的就是父组件数据需要传递给子组件,那么就需要某种方式传递父传子通过props属性传递,子传父需要通过自定义事件$emit传递一、父传子props1.传递简单数据如果传递的数据内容比较少或者类型简单,那么可以声明一个prop数组来接收即可在注册组件时,可以在对象中声明一个props数组来定义子组件变量名,这个变量名不仅是为了区分父组件传来的变量名,而且还是通过v-bind命令绑定父组件数据的重要依据。注意在用到template模板的地方使用v-bind绑定数据,然后模板内部双花.原创 2020-11-05 18:48:46 · 122 阅读 · 0 评论 -
VUE(四):组件的注册与使用
所谓的组件就是指封装了一些代码进行复用,以减少代码冗余性,使代码更加简洁优雅注意:若js注册组件名时采用了驼峰命名法,则在html中要加横线,否则无法解析不论是哪种方式创建出来的组件,必须只有一个根元素,即多个html元素的时候,要用一个div包裹一、全局组件的注册与使用1.方式一<body> <div id="app"> <!-- 注意驼峰命名在html中要加横线 --> <my-Component>&l.原创 2020-11-04 18:44:36 · 416 阅读 · 0 评论 -
VUE(三):基础指令与表达式
一、指令1.什么是指令指令 (Directives) 是带有 v- 前缀的特殊属性。例如在入门案例中的v-model,代表双向绑定。指令中封装了一些DOM行为,指令可以绑定一些属性值,根据不同的值,框架会进行相关DOM操作的绑定。它们作用于HTML元素,指令提供了一些特殊的特性,将指令绑定在元素上时,指令会为绑定的目标元素添加一些特殊的行为,我们可以将指令看作特殊的HTML特性2.常见的VUE指令指令说明v-ifv-if是条件渲染指令,它根据表达式的真假来删除和插原创 2020-11-04 14:34:22 · 445 阅读 · 0 评论 -
VUE(二):VUE实例对象与生命周期
一、创建vue实例对象1.每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的:var vm = new Vue({ // 选项})2.DOM元素关联每个Vue实例都需要关联一段Html模板,Vue会基于此模板进行视图渲染;可以通过el属性来指定。例如一段html模板:<div id="app"></div>然后创建Vue实例,关联这个div:var vm = new Vue({ el:"#app"})这样,Vue就可以基于i原创 2020-11-04 00:31:01 · 695 阅读 · 0 评论 -
VUE(一):入门与介绍
VUE(一):入门与介绍一、VUE介绍1.来自官方标准介绍:Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。2.渐进式含义:可以选择性的使用该框架的一个或一些组件,这些组件的使用也不需要将框架全部组件都应用;而且用了这些组件原创 2020-11-03 15:37:15 · 117 阅读 · 0 评论