vue-devtools工具的安装
vue-devtools是一款基于chrome游览器的插件，用于调试vue应用，这可以极大地提高我们的调试效率。接下来我们就介绍一下vue-devtools的安装1、登录github，获取到vue-devtools源码并下载下来。https://github.com/vuejs/vue-devtools。2、打开下载文件，在根目录下执行cmd命令来下载项目的依赖 ： npm install 3、下载依赖...
2024-01-10
vue-loader插件
vue-loader需要结合vue-template-compiler一起使用，如果没有结合vue-template-compiler会报错const Vueloader = require('vue-loader/lib/plugin');module:{ rules:[ { test:/\.vue$/, loader:'vue-loader' } ]},plugins:[ new Vueloader() ]...
2024-01-10
Vue调试神器vue-devtools安装
本文安装的方法是手动安装，过程不是很麻烦，只要按步骤一步步来安装ok是没问题的1.将vue-devtools的从git上clone下来git clone https://github.com/vuejs/vue-devtools.git2.切换到vue-devtools文件路径cd vue-devtools3.安装项目所需要的npm包npm install 注意：下载比较慢，一定要耐心等待啊，要不出错还得重新down...
2024-01-10
安装Vue调试工具vue-devtools
下载vue-devtools下载chrome插件vue-devtools代码，下载地址https://github.com/vuejs/vue-devtools可以直接使用git下载git clone https://github.com/vuejs/devtools.git也可以直接下载zip文件。vue-devtools版本有很多，可以根据自己的环境来下载需要的版本。安装依赖下载之后，进入下载的文件夹，安装依赖npm install编译编...
2024-01-10
chrome 安装 vue-devtools
1.github下载地址：https://github.com/vuejs/vue-devtools2.下载安成之后打开cmd进入vue-devtools文件夹把依赖装好npm install 之后再进行npm run build3.然后打开shells>chrome>manifest.json 文件把里面的"persistent": false改为true4.打开chrome的设置 > 点击扩展程序 > 点击开发者模式5.点击加载已解压的扩展程序，然后把shells>chrome这...
2024-01-10
Vue调试工具vue-devtools安装及使用
工欲善其事, 必先利其器. 作为Vue的开发爱好者，如果安装一款devtools，无疑是如虎添翼。安装: 1.从github下载项目到本地：git clone https://github.com/vuejs/vue-devtools2.在vue-devtools目录下安装依赖包cd vue-devtoolscnpm install3.修改manifest.json文件把"persistent":false改成true4.扩展Chrome插件Chrome浏览器 > 更多程序 ...
2024-01-10
vue-devtools 必备开发工具
最近在研究vue单页面应用，一步一步用上全家桶，开发避免不了的就是调试工具，因为vue是进行数据驱动的，单从chrome里面进行element查看，查不到什么鸟东西，必须要进行对数据动向进行关查，那我就行一步一步教大安装 1.github下载地址：https://github.com/vuejs/vue-devtools有git的同学直接 git clone https://g...
2024-01-10
【go】visual-go 安装div插件失败
vs-code和go语言开发,点击上图的!出现下面的错误go.toolsGopath setting is not set. Using GOPATH d:\GoPathInstalling 1 tool at d:\GoPath\bin in module mode.dlvInstalling github.com/go-delve/delve/cmd/dlv FAILED1 tools failed to install.dlv:Error: Command failed: D:\Go\bin\go.e...
2024-01-10
vue-devtools/安装vue-devtools
一.在github上下载压缩包，github下载地址：https://github.com/vuejs/vue-devtools二.解压到本地的某盘三.用你的npm中进入该文件夹下在npm中执行命令：1、$ cnpm install （要有一会）2、$ cnpm run build.（cnpm是因为我用的镜像）四.修改manifest.json 中的persistent为true打开你的谷歌浏览器，在更多工具中点击扩展程序...
2024-01-10
Vue（二）：调试神器vue-devtools安装和使用
前言vue-devtools是一款基于chrome游览器的插件，用于调试vue应用，这可以极大地提高我们的调试效率。接下来我们就介绍一下vue-devtools的安装。安装1.chrome商店直接安装vue-devtools可以从chrome商店直接下载安装，非常简单，这里就不过多介绍了。不过要注意的一点就是，需要翻墙才能下载。2.手动安装...
2024-01-10
vue之v-bind:style
<div class="collect" @click="collected=!collected"> <i class="fa fa-heart" :style="{'color': collected ?'rgb(240, 20, 20)':'rgb(147, 153, 159)'}"></i> <span class="text" :style="{'color': collected ?'rgb(77, 85, 93)':'rgb(147, 153, 159)'}">{{collected?'已...
2024-01-10
vue中使用v-model完成组件间的通信
以上的两种方法，都是实现的单向数组传递，那如何实现两个组件之间的双向传递呢？即，在父组件中修改了值，子组件会立即更新。在子组件中修改了值，父组件中立即更新。vue中有一个很神奇的东西叫v-model，它可以完成我们的需求。使用v-model过程中，父组件我们还是需要将子组件正常引入，只...
2024-01-10vue中input的v-model清空操作
问题来源写input组件的时候需求一个清空按钮，但是如果直接修改prop中父级的传值会报错。但是如果不修改父级无法更新值，也会带来开发的问题。解决v-model 完成大部分数据双向绑定<input type="text" :value="inputValue" @change="$emit('change',$event.target.value)" @blur="$emit('blur',$event.target.value)" @focus=...
2024-01-10
vue-devtools调试工具导入浏览器简单教程
前言：chrome的开发者工具可以说是十分强大了，是web开发者的一大利器，作为我个人而言平时用到的几率很大，相信大家也很常见，但是我们不要仅仅停留在点选元素看看样式的层面上，更要利用它更为强大的功能。比如这期讲到的devtools调试工具就是其中一个强大的体现。相信用过vue开发的前端大...
2024-01-10
vue中使用laydate.js插件
1、到官网下载laydate.jshttps://www.layui.com/laydate/2、下载好后，将包解压好放在index.html同级的地方。我是在public中建立个statick文件夹，放在了里面3、在index.html中引入<script src="./static/laydate/layDate-v5.0.9/laydate/laydate.js"></script>4、在vue组件中使用<template> <div class="main"> <inp...
2024-01-10
vue中使用video插件vue-video-player
一、安装插件npm install vue-video-player --save二、配置插件 在main.js中全局配置插件import VideoPlayer from \'vue-video-player\'require(\'video.js/dist/video-js.css\')require(\'vue-video-player/src/custom-theme.css\')Vue.use(VideoPlayer)三、使用插件 在vue组件中的程序如下：<template> <!--...
2024-01-10
Vue——表单与v-model
1.基本用法表单类控件承载了一个网页数据的录入与交互。vue提供了v-model用于表单类元素上双向绑定数据.<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="vue.min.js"></script></head><body> <div id="app"> <input v-model="text" placeholder="输入...
2024-01-10
在 vue 中动态绑定 v-model
在 vue 中动态绑定 v-model一、经典数据双向绑定如下动图：二、当v-for循环中需要动态绑定v-model以图示例：注意： 避免在运行时向Vue实例或其根 $data 添加反应性属性在data选项中预先声明它。 注意v-model是vue中的一个指令，而不是标签属性，不要用v-bind:去动态绑定它【“ v-bind: ”缩写为“ : ”...
2024-01-10vue使用laydate时间插件的方法
之前在做vue项目时使用iviewUI库中的DatePicker组件，发现DatePicker使用起来比较麻烦，尤其是对时间精确度上的限制不尽人意，操作起来也比较繁琐，总之在处理一系列时间组件相互联动上存在一大堆问题，比如DatePicker时间组件时间精确到分，组件1的value等于组件2的最小值，组件2的vlaue等于组件3的最...
2024-01-10
腾讯会议outlook插件有必要安装吗
腾讯会议最近推出了一个outlook插件，但是在使用这款软件的时候腾讯会议outlook插件有必要安装吗，其实这与我们所需的功能有关系，想用的话就安装，不需要就不安装。 腾讯会议outlook插件有必要安装吗：答：腾讯会议outlook插件没有必要安装， 但是如果我们平时需要用到outlook和腾讯会议的话...
2024-01-10
vscode断点调试electron-vue程序主进程
本文转载自：https://newsn.net/本文中，苏南大叔将要讲述一个终极问题：electron-vue如何调试？这个问题喋喋不休的讨论了好久了。是不是有答案？其实，苏南大叔也试了很久很久了。经过反复测试，终于找到了一个方案。当然，相信仅仅是其中一个方案罢了。最优化的方案是什么？如果大家有更好的方...
2024-01-10
vue--vant组件库Dialog弹出框
Dialog 弹出框 安装vant UI框架：cnpm install vant –-save-dev导入组件-在main.js里：import Vant from \'vant\';import\'vant/lib/vant-css...
2024-01-10
vue TV端焦点移动插件 vue-tv-focusable
第一次tv端开发，记录下来我的坎坷路程最近做TV端的项目，需要用到焦点移动。自己写一套不太现实，网上各种各样的插件层出不穷，用用就发现不是这有问题就是那有bug，要一直填坑，搞得头都大了。搞了好久，最后找到了vue-tv-focusable，感觉和我想要的差不多下面是安装以及我项目中能用到的。...
2024-01-10
vue中的v-model原理,与组件自定义v-model详解
VUE中的v-model可以实现双向绑定，但是原理是什么呢？往下看看吧根据官方文档的解释，v-model其实是一个语法糖，它会自动的在元素或者组件上面解析为 :value="" 和 @input=""， 就像下面这样 // 标准写法 <input v-model="name"> // 等价于 <input :value="name" @input="name = $event.target.value"> // 在组件上面时 <div :v...
2024-01-10
Vue+element搭建后台管理系统-二、安装插件
我们继续上一章的内容，上一章讲到我们已经能将项目成功跑起来了，那么我们接下来把项目必用的东西完善一下。一、安装elementUI终于到了我们的男二了，继续在VSCode中新建一个终端，然后通过这个命令来安装：npm i element-ui -S至于为什么要-S呢？即--save（保存）包名会被注册在package.json的dependencie...
2024-01-10
