一、环境搭建 1、安装node.js 下载地址:https://nodejs.org/ 安装就下一步下一步就可以了(node8.9或以上版本) 安装成功结束如何检查是否安装成功和版本 打开cmd 输入 node –v 如果没有出现,可以重启电脑再试一下 2、全局安装vue-cli3.0脚手架 ...
前言 由于最近在我司开发中开启了Vue 的重构工作。于是乎,Vue组件库的抽离工作开启,此次算是基于 vue .x element plus 的二次封装,封装常见通用组件。一年前做了 react antd的组件库 的整合及示例,一年后再看该方案还有诸多缺陷,发现了很多新的东西可以用,在本次的Vue组件库技术选型中调研了更多的方式方法,最终选型不代表是最好的,但一定是现阶段我认为最合适该场景的技术选 ...
2021-09-14 16:51 0 306 推荐指数:
一、环境搭建 1、安装node.js 下载地址:https://nodejs.org/ 安装就下一步下一步就可以了(node8.9或以上版本) 安装成功结束如何检查是否安装成功和版本 打开cmd 输入 node –v 如果没有出现,可以重启电脑再试一下 2、全局安装vue-cli3.0脚手架 ...
一、Node安装 windows 1. Node.js (>=8.9, 推荐8.11.0+) Node官网下载 .msi 文件,按步骤下载安装即可。 安装完之后在cmd中输入 node - ...
slots (插槽),父组件在使用子组件的时候,在子组件插入任意内,包括html 举个小例子: 1、自定义一个按钮组件 注:<slot> </slot>就是父组件可以随意插入内容的位置 2、父组件使用 展示如下图,当父组件没有写内容的时候,显示默认内容, ...
一、Vue-cli 3.x安装 Node 版本要求:Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+) 查版本是否正确 (3.x): 官方安装文档:https://cli.vuejs.org/zh/guide ...
一、父组件给子组件传值 1、父组件调用子组件时,在子组件上加上绑定参数 :title="msg" 表示向 子组件传入参数title ,注意这个参数不能使用驼峰,不然数据取不到,因为html标签属性不支持驼峰。多个单词组成的可以使用横杠连接: mytitle ...
本项目地址:https://github.com/husilang/vue-ui-demo 项目参考文章:从零开始搭建Vue组件库 VV-UI 项目的初衷是学习怎么封装一个基于Vue的UI组件库,顺便记录每个步骤,以及在此过程中遇到的难点及体会。 下面是我个人的一个项目搭建流程,希望能帮助 ...
1.安装vite yarn create @vitejs/app 或者 npm init @vitejs/app 2.创建vue3项目 yarn create vite-app project-name 或者 npm init vite-app project-name 3.进入项目 cd ...
vue-cli4 搭建项目的时候,手动添加配置里面,有一项 “Choose Vue version”的选项,里面可以选择 2.x 和 3.x 的版本。 为了搞清这两个的区别,我特意选择不同的版本分别试了一下。 vue2.x 和 vue3.x 生成的目录结构都是一样的,如下图 ...