![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue.js技术栈
积极向上的龙
这个作者很懒,什么都没留下…
展开
-
vue如何使用depcheck进行依赖检测
【代码】vue如何使用depcheck进行依赖检测。原创 2023-10-26 10:14:11 · 171 阅读 · 0 评论 -
Vue 全景图 photo-sphere-viewer的使用以及改变图片
Vue 全景图 photo-sphere-viewer的使用以及改变图片原创 2023-03-14 09:06:47 · 1098 阅读 · 0 评论 -
vue双向数据绑定原理
vue双向数据绑定原理详解原创 2023-02-20 11:44:30 · 87 阅读 · 0 评论 -
vue前端上传下载进度条
vue前端上传下载进度条原创 2022-12-19 09:14:46 · 219 阅读 · 0 评论 -
vue使用mqtt
目前3.0的版本比较稳定npm install mqtt@3.0.0yarn add mqtt@3.0.0<script>import mqtt from 'mqtt'export default { data() { return { connection: { host: '192.168.113.88', port: 8083, endpoint: '/mqtt', clean: tru原创 2022-04-22 14:40:17 · 2744 阅读 · 1 评论 -
vue中文版和国际版如何切换百度地图和谷歌地图
定义两个对象分别gisGoogle,gisBaidu用于导航之间的切换,代码只是记录一下自己的项目,整的有点乱,但是根据自己的项目需求可按照这样的思路去实现封装//用于谷歌地图var gisGoogle = { marker: null, markers: [], path: null, infoWindow: null, //初始化地图 initMap(divId) { map = new google.maps.Map(document.getElementById原创 2021-06-25 10:09:49 · 1259 阅读 · 0 评论 -
vue使用百度地图
// bmpgl.jsexport function BMPGL(ak) { return new Promise(function(resolve, reject) { window.init = function() { // eslint-disable-next-line resolve(BMapGL) } const script = document.createElement('script') scri原创 2021-05-17 16:43:18 · 316 阅读 · 0 评论 -
geojson全国各省市区地图数据
geojson全国各省市区地图json数据原创 2021-05-11 09:31:41 · 1614 阅读 · 0 评论 -
vue项目中如何使用websocket(非常详细的教程)
<script>export default { data() { path:"ws://localhost:8999/websocket/", ws:{}, }, methods: { //init函数可在页面加载的时候就进行初始化或者根据自己的业务需求在需要打开通讯的时候在进行初始化 init() { // 实例化socket,这里的实例化直接赋值给this.ws是为了后面可以在其它的函数中也能调用websocket方法,例如:this.ws.c原创 2020-06-22 16:10:17 · 18162 阅读 · 3 评论 -
vue中如何使用富文本编辑器和如何自定义菜单栏
1、下载Vue-Quill-Editornpm install vue-quill-editor --save 复制页面代码即可完成引入和初始化<template> <div class="edit_container" style="height: 350px;"> <quill-editor styl...原创 2020-05-08 14:29:35 · 2946 阅读 · 0 评论 -
vue中如何使用less和sass
vue中使用less当所有东西都 准备好之后 :第一步:安装less依赖,npm install less less-loader --save第二步:安装less依赖,npm install -g less第三步:main.js 全局引入var Less = require('Less'); 第四步: 在组件中 <style scoped lang=...原创 2019-11-09 15:41:29 · 640 阅读 · 0 评论 -
vuex的核心概念和使用方法
vuex核心概念state 数据源,载体getters 用于改变state的值,派生出多个数据源mutation 唯一可以提交可以改变state的状态,也就是数据的属性值actions 提交的是mutation,用commit提交 而不是直接变更状态,可以包含任意异步出操作modules 拆分成多个模块state通过计算属性改变值computed:{ count(){ /...原创 2019-09-02 10:09:41 · 1550 阅读 · 0 评论 -
router路由的定义和使用方法详解
在routes.js写法import Todo from '../view/todo/todo.vue'export default[ { path:'/', redirect:'/app' //redirect这是一个默认路由 }, { path:'/app', component:Todo }]在router.js写法,导入import Router ...原创 2019-09-02 10:06:24 · 1579 阅读 · 0 评论 -
axios请求方式详解
axios核心安装命令 cnpm i axios --saveaxios.request()//一个完整的get请求axios.get("",{//需要提交给后台的数据 params:{ userID:"" },//请求头中携带token进行后台验证 headers:{ token:'' }, before:function(){ console.log("此...原创 2019-09-02 10:02:47 · 1020 阅读 · 0 评论 -
Vue.js实现tab切换效果
<div id="app"> <!-- 推荐这种写法--> <ul class="tab-tit"> <li v-for="(title,index) in tabTitle" @click="cur=index" :class="{active:cur==index}">{{title}}</li> ...原创 2019-09-01 09:39:40 · 225 阅读 · 0 评论 -
vue目录解析
vue-cli目录解析:build 文件夹:用于存放 webpack 相关配置和脚本。开发中仅 偶尔使用 到此文件夹下2. webpack.base.conf.js 用于配置 less、sass等css预编译库,或者配置一下 UI 库。config 文件夹:主要存放配置文件,用于区分开发环境、线上环境的不同。 常用到此文件夹下 config.js 配置开发环境的 端口号、是否开启热加载 或者...原创 2019-05-17 23:31:28 · 278 阅读 · 0 评论 -
vue.js安装开发环境步骤和报错的处理
1.安装node.js(http://www.runoob.com/nodejs/nodejs-install-setup.html)安转完成后在配置环境变量,检查是否安装成功,打开命令行,输入 node -v回车之后会出现版本号2 npm包管理器,是集成在node中的,所以安装了node也就有了npm,直接输入 npm -v 命令,显示npm的版本信息。.输入npm -v 查看自带版本号,由...原创 2019-04-15 13:49:02 · 278 阅读 · 1 评论