Vue-cli3项目引入Typescript的实现

  • Post author:
  • Post category:vue

假设已经有一个通过 vue-cli3 脚手架构建的 vue 项目 命令行安装 Typescript npm install --save-dev typescript npm install --save-dev @vue/cli-plugin-typescript 编写 Typescript 配置 根目录下新建 tsconfig.json,下面为一份配置实例( 点击查看所有配置项 )。值得注意的…

继续阅读 Vue-cli3项目引入Typescript的实现

VsCode新建VueJs项目的详细步骤

  • Post author:
  • Post category:vue

本文介绍了VsCode新建VueJs,分享给大家,具体如下: 使用vue-cli快速构建项目 ( vue-cli 是vue.js的脚手架,用于自动生成vue.js模板工程的。 安装vue-cli之前,需要先安装了vue和webpack ) ? 1 2 3 4 5 · node -v //(版本低引起:bash: npm: command not found) · npm -v //以上帮助检查是否…

继续阅读 VsCode新建VueJs项目的详细步骤

ruoyi前后端分离版,本地启动vue,连接云服务器后台服务修改配置过程

  • Post author:
  • Post category:vue

文章目录 前言 使用ruoyi前后端分离版,本地只运行ruoyi-vue前端项目,后端代码包并不在本地启动,本文只做修改记录。 一、修改vue.config.js文件中target值 二、修改服务器nginx代理配置 总结 前言 使用ruoyi前后端分离版,本地只运行ruoyi-vue前端项目,后端代码包并不在本地启动,本文只做修改记录。 一、修改vue.config.js文件中target值 d…

继续阅读 ruoyi前后端分离版,本地启动vue,连接云服务器后台服务修改配置过程

Vue路由 —— vue-router

  • Post author:
  • Post category:vue

上一篇讲到了Vue中的路由 ,在 /router/index.js 中进行路由的配置,使用vue-router完成声明式导航以及讲了路由重定向的问题,路由是Vue中的一个重要内容,那本篇目也讲来继续讲关于路由相关的内容: 嵌套路由 前面讲到了一级路由的配置,那么什么是嵌套路由?把组件嵌套在路由的内部,如下 进入社区分享音乐板块: /music 是固定的(一级路由) 酷狗音乐分享 :/music/k…

继续阅读 Vue路由 —— vue-router

vue.js中使用D3树状图异步按需加载数据绘制人物关系图

  • Post author:
  • Post category:vue

2019独角兽企业重金招聘Python工程师标准>>> vue.js中使用D3树状图异步按需加载数据绘制人物关系图,网上查了好多资料没找到合适的,就自己写个简单的,方便以后查看,附上效果图 重点:这个树状图不管是Vue的,还是HTML的,使用的D3.js 版本是3.5.17,如果使用别的版本,可能里面的语法不同,所以使用者请确认好下载的D3.js的版本 D3.js是一个基于 we…

继续阅读 vue.js中使用D3树状图异步按需加载数据绘制人物关系图

基于vue实现图片拖拽功能

  • Post author:
  • Post category:vue

主要涉及到的元素知识,示意图: js代码部分: directives: { drag: { // 指令的定义 bind: function(el) { // 获取当前元素 let oDiv = el; oDiv.onmousedown = (e) => { // 算出鼠标相对元素的位置 let disX = e.clientX - oDiv.offsetLeft; let disY = e.…

继续阅读 基于vue实现图片拖拽功能

关于Vue的就地复用

  • Post author:
  • Post category:vue

关于Vue的就地复用 这是第一次使用博客,就是想来记录一下自己碰到的一些问题以及解决方法,各位看官随意。 之前做项目的时候,要求对elementui的表格做拖拽排序,拖拽要做成只能通过拖拽最后一列的标记才能够拖动整条数据,比如这样: 就是说只能通过拖拽属性排序来进行移动,当你拖拽其他地方,你不能够拖动,我用了sortable来实现,但是当我实现这个功能以后,我每次进行拖拽,拖拽结束后会重新渲染一次…

继续阅读 关于Vue的就地复用

vue3 响应式 ref 、reactive、computed的区别,和watch 监听器的使用

  • Post author:
  • Post category:vue

2.0的时候使用的是Object.defineproperty()做的数据劫持 3.0的是使用proxy代理模式进行更新,可以监听数组,只不过穿得参数是一盒数组烦死返回的是对象形式 ref原理 ref官方文档说明是:接受一个参数值并返回一个响应式且可改变的 ref 对象。ref 对象拥有一个指向内部值的单一属性 .value import { ref } from 'vue'; const use…

继续阅读 vue3 响应式 ref 、reactive、computed的区别,和watch 监听器的使用

vue的$http的get请求要加上params

  • Post author:
  • Post category:vue

vue GET传递参数要加上params this.$http.get('/operation/customer/question/edits',{params:{id: 10}}) 另外说一句,现在VUE官方推荐使用axios vue-resource不更新了 版权声明:本文为weixin_38070406原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。原文链…

继续阅读 vue的$http的get请求要加上params

Ant Design vue 改变表格背景颜色

  • Post author:
  • Post category:vue

写这篇文章之前,我已经和经理掰扯半天了。我实现的代码写成文档,复制到他的电脑上没效果。我自己的电脑就可以实现功能。一开始我写的代码也没有效果,但改来改去突然就可以了,写成原来的样子也可以实现了,没研究明白具体为什么。代码提交后也可以实现效果。 使用rowClassName属性实现改变行背景颜色: 表格属性 <a-table :rowClassName="rowClassName"> J…

继续阅读 Ant Design vue 改变表格背景颜色