![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
可可克星
这个作者很懒,什么都没留下…
展开
-
elementui table默认第一行高亮
vue elementui table默认第一行高亮转载 2023-03-29 17:58:54 · 1049 阅读 · 0 评论 -
【vue+若依】封装接口全局使用
比如每个页面上都要使用省市区等接口可以直接全局挂载原创 2023-02-10 10:16:33 · 334 阅读 · 0 评论 -
vue中使用高德地图 (亲测好用!)
问题来源项目需要是使用到地图,并不是所有页面都用到,所以采用异步加载当时引入地图开始在vue项目目录下创建plugins文件夹,并在里面创建amap.js 文件/* * 异步创建script标签 */export default function MapLoader (key) { return...转载 2019-12-21 10:35:57 · 1267 阅读 · 1 评论 -
解决报错:NavigationDuplicated {_name NavigationDuplicated, name NavigationDuplicated}
问题:点击同一个路由会报错,但不影响使用,报错如下:[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-dwCjbAEo-1573565341043)(C:\Users\Administrator\AppData\Roaming\Typora\typora-user-images\1572059272584.png)]解决办法:import VueRouter fr...原创 2019-11-12 21:29:59 · 510 阅读 · 0 评论 -
移动端遇到的问题
项目中头部为公共结构样式,右侧都有个返回按钮,但在首页面上需要隐藏解决方法:<span slot="left" icon="left-arrow" @click="goBack()" v-show="!(path ==='/home')">返回</span> data() { return { path: '' } ...原创 2019-11-12 21:29:20 · 108 阅读 · 0 评论 -
Vuex
Vuex概述vuex是实现组件全局状态(数据)管理的一种机制,可以方便的实现组件之间数据的共享。使用Vuex管理数据的好处:A. 能够在vuex中集中管理共享的数据,便于开发和后期进行维护B. 能够高效的实现组件之间的数据共享,提高开发效率C. 存储在vuex中的数据是响应式的,当数据发生改变时,页面中的数据也会同步更新Vuex的基本使用安装vuex依赖包npm i vuex ...原创 2019-11-12 21:28:25 · 140 阅读 · 0 评论 -
调用接口
接口调用方式原生ajax基于jQuery的ajaxfetchaxios异步JavaScript的执行环境是「单线程」所谓单线程,是指JS引擎中负责解释和执行JavaScript代码的线程只有一个,也就是一次只能完成一项任务,这个任务执行完后才能执行下一个,它会「阻塞」其他任务。这个任务可称为主线程异步模式可以一起执行多个任务JS中常见的异步调用定时任何ajax事件函...原创 2019-11-12 21:28:00 · 97 阅读 · 0 评论 -
前端模块化
1.模块化的分类A.浏览器端的模块化 1).AMD(Asynchronous Module Definition,异步模块定义) 代表产品为:Require.js 2).CMD(Common Module Definition,通用模块定义) 代表产品为:Sea.jsB.服务器端的模块化 服务器端的模块化规范是使用CommonJS规范: 1...原创 2019-11-12 21:27:22 · 116 阅读 · 0 评论 -
webpack
webpack1.webpack的概念webpack是一个流行的前端项目构建工具(打包工具),可以解决目前web开发的困境。webpack提供了模块化支持,代码压缩混淆,解决js兼容问题,性能优化等特性,提高了开发效率和项目的可维护性2.webpack的基本使A.创建项目目录并初始化创建项目,并打开项目所在目录的终端,输入命令: npm init -yB.创建首页及js文件...原创 2019-11-12 21:26:35 · 151 阅读 · 0 评论 -
Vue脚手架
Vue脚手架的基本用法Vue脚手架可以快速生成Vue项目基础的架构。其官网地址为:https://cli.vuejs.org/zh/使用步骤:A.安装3.x版本的Vue脚手架: npm install -g @vue/cliB.基于3.x版本的脚手架创建Vue项目: 1).使用命令创建Vue项目 命令:vue create my-project ...原创 2019-11-12 21:25:54 · 499 阅读 · 0 评论 -
Vue单文件组件
单文件组件的组成结构tamplate 组建的模板区域script 业务逻辑区域style 样式区域代码如下://建一个App.vue单文件<template> 组件代码区域</template>// js代码区域<script>export default { data() { return {}; }, meth...原创 2019-11-12 21:25:24 · 94 阅读 · 0 评论 -
Vue-Router路由
路由的基本概念与原理后端路由概念:本质:SPA单页面应用程序前端路由概念:根据不同的用户事件,显示不同的页面内容本质:用户事件与事件处理函数之间的对应关系Vue Router的使用步骤(★★★)是 Vue.js 官方的路由器管理。基本使用步骤:A.导入js文件<script src="lib/vue_2.5.22.js"></script>...原创 2019-11-12 21:24:49 · 190 阅读 · 0 评论 -
vue组件
day03组件组件 (Component) 是 Vue.js 最强大的功能之一组件可以扩展 HTML 元素,封装可重用的代组件注册全局注册Vue.component(‘组件名称’, { }) 第1个参数是标签名称,第2个参数是一个选项对象全局组件注册后,任何vue实例都可以用组件基础用<div id="example"> <!-- 2、 组件...原创 2019-11-12 21:23:11 · 135 阅读 · 0 评论 -
vue常用特性
day02Vue常用特性表单基本操作获取单选框中的值通过v-model <!-- 1、 两个单选框需要同时通过v-model 双向绑定 一个值 2、 每一个单选框必须要有value属性 且value 值不能一样 3、 当某一个单选框选中的时候 v-model 会将当前的 value值 改变 data 中的 数据 gender 的值就...原创 2019-11-12 21:22:21 · 131 阅读 · 0 评论 -
vue指令
Vue 是什么?国产框架Vue:渐进式JavaScript框架官网:http://cn.vuejs.org/v2/guide/易用:熟悉HTML、CSS、JavaScript知识后,可以快速上手Vue灵活:在一个库和一套完整框架之间自如伸缩高效:20KB运行大小,超快虚拟DOM指令本质就是自定义属性Vue中指定都是以 v- 开头v-cloak防止页面加载时出现...原创 2019-11-12 21:21:03 · 86 阅读 · 0 评论