Vue省市区三级联选择器V-Distpicker的使用 最近用的Vue+Element UI时,有些地方需要用到省市区三联选择器,网上安装并尝试了多种类似的插件,但都因为无法正常实现或是没有眼缘而弃用了.最后选择的是V-Distpicker这种,配置和使用起来还算是比较简单的,下面就分享一下其用法和需要注意的点(需要踩过的坑). 1.使用方法 安装和文档,请查看官网https://distpicker.pigjian.com/ ​ 或者 同性交友网站https://github.com/jcc/

背景: 使用v-distpicker前端展示省市区,并将选中的结果返回给后端,后端展示所选择的 省市区或对应的地区编码 官方地址: https://distpicker.pigjian.com/ 官方文档的介绍及demo也很清晰,根据所选择的省市区会对应返回 名称.编码,如: 使用: 1.先安装 v-distpicker npm install v-distpicker --save 或 yarn add v-distpicker --save 2.main.js 引入 Distpicker i

https://blog.csdn.net/Jioho_chen/article/details/90455778 win下 vue-cli2 和 vue-cli3 并存,一起使用开局一张图,内容慢慢编 文章目录win下 vue-cli2 和 vue-cli3 并存,一起使用安装vue-cli版本检验安装是否成功修改vue2和vue3的名称配置环境变量打开环境变量所在位置新建系统变量最后修改Path变量最后.重启电脑就行了写在最后vue2和vue3命令,分别代表了vue-cli2 和 vue-c

Vue2组件通讯传值 方法 Slot插槽--父向子内容分发,子组件只读 mixin混入--定义公共变量或方法,mixin数据不共享,组件中mixin实例互不影响 provide+inject--依赖注入,加强版prop+$emit ,代码可读性不高,不便后期维护 prop+$emit--父往子,子往父 route路由传参--简单数据传值 ref传值-- 缺陷:ref不是响应式的,要在DOM渲染完后才会有,可以用$nextTick()解决 $parent+$children-- 获取到整个组件实例

主要用于记录上课笔记,方便以后复习 acgit的地址:https://git.acwing.com/wyw/kob1/ 1. 项目模块的包含 1.1 采用前后端分离 Web端大概框架 2. git环境的配置 git的作用 代码存档.可以看到历史上所有保存的代码 同步不同机器上的代码 安装Git Bash: https://gitforwindows.org/(安装全选默认) 环境配置 1. 进入家目录生成密钥 输入 ssh-keygen(一路回车),用cat指令查看公钥并复制到gitac上进行配

# 安装 wget https://nodejs.org/dist/v12.18.3/node-v12.18.3-linux-x64.tar.xz tar xf node-v12.18.3-linux-x64.tar.xz mv node-v12.18.3-linux-x64 /usr/local/ # 配置系统变量 vim /etc/profile.d/node.sh #!/bin/bash export PATH=/usr/local/node-v12.18.3-linux-x64/bin:

简介 感觉vue3的新特性很舒服,这样才是写软件的感觉嘛.打算用Vue实现自己的一些想法. Vue3还有几个必备库,比如Vue-Router(负责路由导航).Vuex(状态管理.组件间通信),还有第三方UI库,比如element Plus.Antdv.Vant 等. 这里会介绍他们的CND的安装方法,以及简单的使用方式. Vue3 的使用方式 使用方式有两大类: CDN package 工程化方式开发 cnd方式就是在script里面引用js文件(类似于JQuery),然后就可以开鲁了,简单粗暴

一 .vue3.0安装 vue3.0安装 个人推荐以下2种 (1). 开发工具的对应代码中 插入CDN <script src="https://unpkg.com/vue@next"></script> (2). 通过npm 官方安装node 去百度搜索Node.js 下载完成后,点击Next即可--下一步--,直至安装完成出现Finsh. 查看是否安装成功 node -v 查看 node 版本 npm -v 查看 npm 版本 安装成功后,第一步 1. 淘宝

前言:这一章主要是vue的介绍.安装.以及如何创建一个vue实例. 一.vue介绍 vue3中文官网:建议先自己看官网. https://v3.cn.vuejs.org/ vue是渐进式框架,渐进式指的就是可以在你的项目已经有js,jquery等框架后还可以嵌入vue框架.可以只用我的一部分,而不是一个项目必须全部由我开发. 安装 将 Vue.js 添加到项目中主要有四种方式: 1.以 CDN 包的形式导入. <script src="https://unpkg.com/vue@next&

1.查看node.js和npm版本 $ node -v //建议v10以上版本 $ npm -v 2.若已安装了2.x的旧版本,需要先卸载 npm uninstall vue-cli -g 3.安装淘宝镜像加速器 npm install -g cnpm --registry=https://registry.npm.taobao.org //cnpm是中国版的npm,是淘宝定制的命令行工具来替代npm 4.安装vue环境 cnpm instal -g vue @vue/cli //注意:是@vu

node 开发环境请先自行准备 npm install -g @vue/cli 安装完成之后命令行则存在 vue 命令 vue -V 查看本地 vue 版本 vue -h 输出帮助 vue create <project-name> 进入工程文件夹,创建项目. 如:cd studyVue ( 进入工程文件夹 )    vue create config ( 创建 config 项目 ) 选择 default 配置项,下面没什么可介绍的,自行尝试. 下面介绍选择 manually select

安装最新的node.js版本: https://nodejs.org/dist/v8.11.3/node-v8.11.3-x64.msi 安装vue:  npm install -g @vue/cli     创建项目:   输入空格加选    pycharm支持es6

关于旧版本 Vue CLI 的包名称由 vue-cli 改成了 @vue/cli. 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x),你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它. 现在用npm安装@vue/cli就已经是3.0版本了 vue-cli安装及使用: 检查node和npm版本,node -v,npm -v,node版本要在8.9以上,npm版本要在6以上: 安装vue-cli:np

项目中安装使用element-UI 命令行: vue add element 安装成功后,项目会自动将element-UI引入项目中,刷新项目即可 项目中安装使用axios数据请求 vue add axios 安装成功后,项目会自动将axios引入项目中,刷新项目即可 配置跨域请求本地服务器后台数据: 1.在项目根目录下新建文件vue.config.js 加入以下代码: module.exports = { runtimeCompiler: true, publicPath: '/', // 设

vue-cli版本在3以上 全局安装vue-cli npm install -g @vue/cli 建立项目工程,假设项目建在e:\vueProject\vue-cli3.0+目录下: 先进入此目录: cd e:\vueProject\vue-cli3.0+ 回车 e: 回车 建立项目工程: 第一种方法: vue create vueproject01 可以选择第一个(默认创建的工程),这里选择下面第二个Manually select features 键盘上下箭头选择,按空格键选中,需要安装的

如果安装过其他版本的vue的话先卸载 npm uninstall -g vue-cli //卸载指令 卸载不会影响以前项目的启动 然后安装 NPM安装: npm install -g @vue/cli 淘宝镜像:cnpm install -g @vue/cli 苹果:yarn global add @vue/cli 然后全局安装好在指定文件夹 vue create xxx (xxx为项目名): 这个是自定义介绍 然后剩下的步骤按需要选择 , 空格选中 , 上下键移动 , enter确认 安装完后

作为一个本来是java开发的搬运工,在公司前端人员缺乏的时候,就直接顶上来开发前台页面了(话说我已经很久很久没写java代码了(:′⌒`)) 好吧言归正传,刚开始弄前台就是vue,vue2还没弄熟,老板说vue-cli3出来了,你要不用最新的吧,下面就是踩过的坑 -------------------------------------------第一步------------------------------------------- 首先vue-cli3对node版本要求比较高,需要8.9

一.安装(cmd) 1.全局安装vue cnpm install --global vue-cli 2.cd到需要创建项目的文件夹下 3.创建项目 项目是基于webpack的 vue init webpack my-project(项目名称) 4.安装依赖库 cd 项目 cnpm i 5.启动文件 npm start(npm run dev)       --vue2.0 npm run serve                          --vue3.0 6.安装成功 二.vue目录

摘要: Vue 3.0预览. 原文:预计今年发布的Vue3.0到底有什么不一样的地方? 作者:小肆 微信公众号:技术放肆聊 Fundebug经授权转载,版权归原作者所有. 还有几个月距离 vue2 的首次发布就满 3 年了,而 vue 的作者尤雨溪也在去年年末发布了关于 vue3.0 的计划,如果不出意外,我们将在今年的某个时间点见证 Vue3.0 的发布,虽然前几天在<StateOfJS: 2018 年 JavaScript 生态圈趋势报告>一文中我们看到目前 Vue 的使用者比 React

title: vue安装搭建 date: 2018-04-21 14:00:03 tags: [vue] --- 安装 首先安装nodejs 直接官网下载最新版本http://nodejs.cn/download/,安装对应版本即可. 这里下64位window.msi版本. 安装修改安装路径后其他默认即可.我放D盘 环境配置 安装后需要修改npm的环境配置,无所谓的也可以不改. 不改的话npm install 会默认安装到C:\Users\Administrator\AppData\Roamin

通过自己所学的这段时间,利用空余时间,使用vue3.0脚手架搭建的一个关于后台的管理模板,所实现功能也是模仿一个后台的界面,数据分为两种存放,一种是直接存储到mlab,这里的数据是存放这登录注册,只有注册了自己的账号才能访问到页面,另一些数据直接存放在easy-mock里, 源码地址:https://github.com/MrZHLF/vue-admin 自己需要搭建vue3.0的脚手架,在这里就不用讲关于vue3.0的脚手架怎么搭建.vue3.0脚手架需要node版本10以上,这样的话,可以使