Vue
-
vue 插槽(slot)的使用方法
vue 插槽(slot)的使用方法vue的slot主要分三种:默认插槽,具名插槽,作用域插槽使用插槽是在存在父子关系的组件,可以在子组件中决定插槽的位置,同时子组件也可以给这些插槽的默认信息,当父组件中没有需要给子组件插槽插入信息时,显示的是子组件插槽定义的默认信息。默认插槽的使用://默认插槽<slot><
-
Vue的自定义组件
Vue的自定义组件Vue的自定义组件自定义组件的作用是为了提高复用性,减少重复的代码,提高可维护性全局组件语法:vue.component("自定义组件名称",{自定义组件结构})vue.component("自定义组件名称",{自定义组件结构})使用全局组件的几个步
-
Vue笔记 – 插槽(slot) 详解
Vue笔记 – 插槽(slot) 详解插槽注意:本篇笔记为方便兼容Vue3,均采用了比较新的v-slot写法,而未采用老式的slot和slot-scope插槽(slot)是vue为组件的封装者提供的能力。允许开发者在封装组件时,把不确定的、希望由用户指定的部分定义为插槽,可以把插槽认为是组件封装期间,为用户预留的内容的占位符。
-
vue中的钩子函数
vue中的钩子函数什么是vue的钩子函数?Vue实例在被创建时,会经过一系列的初始化过程,初始化过程中会运行一些函数,叫做生命周期钩子函数,通过运用钩子函数,用户在可以在Vue实例初始化的不同阶段添加自己的代码,以此来实现自己想做的事情。钩子函数在Vue初始化、更新数据、销毁时会被自动调用。钩子函数的生命周期示
-
Vue中的Vux配置指南
Vue中的Vux配置指南简介Vux(读音[v'ju:z],同views)是基于WeUI和Vue(2.x)开发的移动端UI组件库,主要服务于微信页面。基于webpack+vue-loader+vux可以快速开发移动端页面,配合vux-loader方便你在WeUI的基础上定制需要的样式。vux-loader保证
-
vue中常见的asyn await 用法浅析
vue中常见的asyn await 用法浅析先来了解一下async的基本用法,关键字放到函数前面,用于表示函数是一个异步函数,异步函数,异步函数也就意味着该函数的执行不会阻塞后面代码的执行。写一个async函数asyncfunctiontestAsyn(){return'helloworld';}语法很简
-
vue 版本查看
vue 版本查看如何查看vue版本号?方法1、全局查看vue版本号npminfovue方法2、局部(当前项目)查vue版本号npmlistvueversion方法3、此外还可以通过package.json查看使用的vue版本号附:查看vue-cli版本号vue-V
-
Vue安装教程
Vue安装教程【前端】Vue环境搭建+VsCode+Win10目录一、下载Node.js二、修改存放目录三、添加环境变量四、安装淘宝镜像五、安装Vue-cli六、项目创建创建方式一:图形化界面创建创建方式二:命令行创建安装element-ui关于地址栏的#号vue-cli目录解析七、VS插
-
vue 多页面应用
vue 多页面应用1,认识vue页面加载过程在创建多页面之前,还是要先简单地了解一下,vue页面时怎么加载的。我们知道,在Vue-cli中默认目录结构如下:1.项目的依赖模块目录,这个目录很大,因此一般需要加入.gitignore2.公开目录,存放主页面等等,平时不需要改动3.源代码文件夹,其中:3.1.
-
Vue 拖拽组件(Draggable)
Vue 拖拽组件(Draggable)简介及使用教程Vue拖拽组件(Draggable)是一个允许与View-Model同步进行拖放排序的Vue组件。这是基于Sortable.js并提供它的所有功能。特点完全支持Sortable.js特性:支持触摸设备支持拖动句柄和可选择的文本智能自动滚动支持在不同列表之间拖放,没有j
-
Vue-props-父传子
Vue-props-父传子一般页面的视图App.vue应为这样一.父组件向子组件传值1.创建子组件,在src/components/文件夹下新建一个Child.vue2.Child.vue的中创建props,然后创建一个名为message的属性3.在App.vue中注册Child组件,并在template中加入chil
-
vue中全局变量_vue全局样式
vue中全局变量_vue全局样式一、单文件引入1、创建存放全局变量和方法的vue文件Common.uve<script>constuserName='yangjing';functionadd(a,b){returna+b}exportdefault{userName
-
vue全家桶都包括什么_vue三件套
vue全家桶都包括什么_vue三件套Vue全家桶一般来说包括项目构建工具vue-cli、路由管理器vue-Router、状态管理模式vuex、网络请求库Axios、ui框架、打包工具webpack,下面我们分别介绍。1.项目构建工具:vue-cliVue.js+webpack的项目模板。Vuecli提供了强大的功能,用于定制新
-
vue刷新当前页面,重载页面数据_vue数据变化怎么刷新组件的[通俗易懂]
vue刷新当前页面,重载页面数据_vue数据变化怎么刷新组件的[通俗易懂]一、强制全局刷新方法location.reload();二、强制局部刷新方法<divid="app"><router-viewv-if="isReload"/></div>methods:{reload(
-
vue 子传父 的几种方法_react子传父「建议收藏」
vue 子传父 的几种方法_react子传父「建议收藏」区别在代码中已标出1.props方式父组件内容<template><divclass="app"><h1>{{msg}}</h1><! :可替换为v-bind: ><
-
vue3 axios跨域_跨域解决方案cors
vue3 axios跨域_跨域解决方案cors背景:因为axios中只能使用get和post方法来进行请求数据,没有提供jsonp等方法进行跨域访问数据axios中文网址:https://www.kancloud.cn/yunye/axios/234845//axios中的GET请求axios.get('/user',
-
VUE 动态路由_vue怎么实现动态路由
VUE 动态路由_vue怎么实现动态路由因公司业务的发展,需要做一款新的产品,该产品分为:用户端和后台管理。我负责后台管理系统的开发。在看了UI的设计图后,又因为产品的周期较短,所以,我果断采用了vue-element-admin来快速的搭建后台管理系统。这里我主要说下在这个过程中用到的动态路由,简单的总结下。vue-element-
-
vue 前端组件_vue ui组件[通俗易懂]
vue 前端组件_vue ui组件[通俗易懂]title:'前端开发系列050-基础篇之组件的概念和使用(Vue)'tags:categories:[]date:2017-12-0901:00:00本文是早期学习Vue整理的一些阶段性总结,内容主要关于Vue框架中组件的概念和数据传递。一、组件的相关概念在Vu
-
vue中嵌入iframe_vue如何实现跨域[通俗易懂]
vue中嵌入iframe_vue如何实现跨域[通俗易懂]vue中加载iframe会出现跨域问题、以及iframe的高度自适应问题,以下是本人的解决办法:1、情景描述:A系统为vue项目,需要使用iframe把B系统嵌入进来,但是A、B系统不同域,导致B系统无法登录,cookies,session等无法存储,存在跨域问题,以及iframe自适
-
基于Java+SpringBoot+Vue前后端分离网课在线学习观看系统
基于Java+SpringBoot+Vue前后端分离网课在线学习观看系统如今社会上各行各业,都喜欢用自己行业的专属软件工作,互联网发展到这个时候,人们已经发现离不开了互联网。新技术的产生,往往能解决一些老技术的弊端问题。因为传统教学资源共享平台信息管理难度大,容错率低,管理人员处理数据费工费时,所以专门为解决这个难题开发了一个网课在线学习观看系统,可以解决许多问题。网课在线学习观看系统按照操作主体分为管理员和用户。用户的功能等。该系统采用了MySQL数据库,Java语言,SpringBoot框架等技术进行编程实现。