vue
爱好编程的老李头
越努力,越幸运!!!
展开
-
Vue搜索(CheckBox)
//router/index.jsimport Vue from 'vue'import VueRouter from 'vue-router'// import Index from '../views/Index/Index.vue'// import Calendar from '../views/calendar/index.vue'// import Search from '../views/Search/index.vue'import Page from '../views/Pa原创 2021-07-04 02:12:45 · 435 阅读 · 0 评论 -
vue自定义日历
<template><div class="calendar"> <!-- 导航 --> <div class="calendar-nav"> <span>关闭</span> <span>文案</span> <span>确认</span> </div><!-- 开始日期/结束日期 -->&原创 2021-06-06 11:34:07 · 522 阅读 · 0 评论 -
vue搜索(不区分大小写)通用
<template> <div class="binding"> <div class="bindingbtn"> <input type="serch" v-model="city"/> </div> <div v-show="isshow"> <p v-for="(item,index) in selectCitys" :key="index">{{item.name}原创 2021-05-24 00:17:48 · 2936 阅读 · 0 评论 -
vue 动态加动画滚动菜单
<template> <div class="Index"> <!-- 导航 --> <div class="apps-nav nav" ref="navH"> <span>返回</span> <span>全部应用</span> <span>搜索</span> </div> <div c原创 2021-05-23 22:11:06 · 255 阅读 · 0 评论 -
vue项目中使用百度地图教程(完整流程)
各位码友大家好,好久没和大家切磋技术了,今天给大家分享一个关于vue项目中使用百度地图的教程,记得关注点赞收藏哦!!!一、创建ak官网地址:添加链接描述![在这里插入图片描述](https://img-blog.csdnimg.cn/20201223181425885.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80.原创 2020-12-23 18:34:13 · 4798 阅读 · 4 评论 -
vue中树形表格vue-table-with-tree-grid的用法
vue项目中使用第三方表格插件介绍1.在cmd命令中输入vue ui命令就会弹出vue项目可视化面板,如果没有弹出,你就要安装相关内容,具体就不再赘述了。2.在依赖的侧边栏点击,然后找到运行依赖,搜索vue-table-with-tree-grid点击下载。3.在vue中使用这个第三方插件,在vue项目的main.js进行全局组件注册导入:import TreeTable from ‘vue-table-with-tree-grid’进行全局使用:Vue.component(‘tree-ta.原创 2020-11-11 06:10:19 · 852 阅读 · 0 评论 -
vue登录详细流程
VUE登录流程实现好长时间没维护博客了,最近离职回到来家,难得有时间,这短时间好多码友对我去年写的小程序用户登录很感兴趣,经常加v切磋,今天就为大家撸一个vue方面的登录完整流程。希望能帮到各位码友!~~~觉得有用就点赞支持一下,后期定期跟新干货,B站上面后期会跟新本人视频教学,希望各位码友可以去捧场喔。一、登录四大步 1、找到数据接口 2、封装请求方法 3、请求调用登录 4、处理响应结果二、代码块解析1、在原创 2020-11-01 03:22:54 · 3802 阅读 · 0 评论 -
Vue3.0安装及引入less、sass
开场:又是一波vue3.0的大潮来临了,今天来记录一下如何引入css预处理器less或者sass,因为项目中我用的是less,所以就拿less举个例子吧!!!一、新建common.less文件友情提示:主要是用来装项目中用到的全局变量//代码块@primary-color: #32b642; // 全局主色@link-color: #32b642; // 链接色@warning-c...原创 2019-12-23 16:01:37 · 3927 阅读 · 4 评论 -
vue单页面和多页面优缺点
开场:在项目中,单页面应用和多页面应用这两个是必不可少的,当然公司面试时只要简历上有写会vue这个问题十有八九也会提及,今天就重点说一下这个两个概念、使用、及优缺点。。。单页面应用(spa)概念:只有一个html页面,所有跳转方式都是通过组件切换完成的。优点:页面之间跳转流畅、组件化开发、组件可复用、开发便捷、易维护。缺点:首屏加载较慢,加载整个项目中使用的css、js,SEO优化不好。...原创 2019-12-20 14:18:48 · 5447 阅读 · 0 评论 -
Vue Vant组件库使用
vant组件使用先回忆vue安装脚手架步骤:npm install vue-cli -gvue init webpackvant安装简写形式:npm i vant -S完整形式:npm install vant -save注意:如果网速慢的情况下可以使用淘宝镜像安装,不建议使用cnpm命令行:npm install vant --save --registry=https://...原创 2019-11-19 22:21:05 · 1361 阅读 · 0 评论 -
vue工程目录详解
vue 文件目录结构详解项目简介基于 vue.js 的前端开发环境,用于前后端分离后的单页应用开发,可以在开发时使用 ES Next、scss 等最新语言特性。项目包含:基础库: vue.js、vue-router、vuex、whatwg-fetch编译/打包工具:webpack、babel、node-sass单元测试工具:karma、mocha、sinon-chai本地服务器:exp...原创 2019-09-04 13:24:12 · 5722 阅读 · 0 评论 -
Vue的内部指令
基础指令v-shou指令是根据表达式的值来显示或隐藏HTML元素。当v-show赋值为false时,元素将被隐藏。查看DOM时,会发现元素上多了一个内联样式style="display:none"。注:v-show不支持<template>语法。v-if和v-show区别v-if是惰性的——如果初始渲染时条件为假,则什么也不做,在条件第一次变为真时才开始局部编译(编译会被...原创 2019-06-06 13:08:44 · 592 阅读 · 0 评论 -
Vue.js三种安装方式和npm安装步骤
这几个月一直在做小程序项目,在大学自学的的Vue在公司还没怎么用过,趁着这几天公司事比较少,就从头过一遍Vue.js,接下来这篇文章主要说的是Vue安装的三种方式及基于npm安装脚手架的步骤说明!!!安装的3种方式:1.script直接通过script加载CDN文件例如:<script src = "http://webapp.com/static/webapp/shield/z/v...原创 2019-05-16 13:07:25 · 1782 阅读 · 0 评论