VUE3.0

VUE3.0创建项目步骤详解(推荐)

这篇主要介绍下vue-cli3.0项目搭建如果您还不了解vue2.x就请先看官方文档文档地址:https://cn.vuejs.org/这是vue3.0文档地址:https://v3.vuejs.org
程程0221·2021-03-02 19:19

从0到1 搭建vue3.0 后台管理系统第二篇

废话本篇大概记录一下，vue3.0CompositionApi目前的一些方法和使用，利于后面，项目使用1、首先vue3.0CompositionApi和vue2.0OptionsApi的区别
郭顺杰·2021-02-26 15:27

从0到1 搭建vue3.0 后台管理系统第一篇

废话时间飞快，vue3陆陆续续也有一年时间的了，现在各种文档，五花八门的，官方的，也都基本齐全了，下面就来从0到1，实战一个vue3.0的后台管理系统，后面我会写所有的创建搭建步骤，至于里面的api就不详细说明
郭顺杰·2021-02-26 13:57

Vue3.0 起步 快速搭建项目（一）

学习多了自然就迷糊了，不学习那注定迷糊。1安装脚手架npminstall-g@vue/cli#ORyarnglobaladd@vue/cli2检查版本VueCLIv4.5.7vue-V3搭建项目vuecreatevue3.0?Pleasepickapreset:(Usearrowkeys)//请选择预选项>Default([Vue2]babel,eslint)//使用Vue2默认模板进行创建Def
奔跑的小蜗牛。·2021-02-26 11:55

Vue3.0 起跑 搭建项目后应用（二）

Vue3.0部分知识点项目目录结构|-node_modules--所有的项目依赖包都放在这个目录下|-public--公共文件夹---|favicon.ico--网站的显示图标---|index.html
奔跑的小蜗牛。·2021-02-26 11:06

《vue3从零搭建一个后台》(四)、项目的样式 及 Vue-router 和vuex的配置

ElementPlus，一套为开发者、设计师和产品经理准备的基于Vue3.0的桌面端组件库。官方文档=>ElmentPlus使用npm的方式安装，它能更好地和webpack打包工具配合使用。
康言先森·2021-02-25 16:23

从图解来理解vue设计的双向绑定架构图

先看别人绘制的图我的手绘图其实一共是3+1+view渲染模块3：observer:监听器vue2.0用Object.defineProty、vue3.0用proxywatcher:订阅器compile:
·2021-02-24 18:00

从图解来理解vue设计的双向绑定架构图

先看别人绘制的图我的手绘图其实一共是3+1+view渲染模块3：observer:监听器vue2.0用Object.defineProty、vue3.0用proxywatcher:订阅器compile:
·2021-02-24 18:45

vue-axios 解决跨域问题

vue3.0环境下一，在vue.config.js文件中（vue.config.js文件配置参考[vue]https://cli.vuejs.org/zh/config/#devserver-proxy
ai耳边的呢喃·2021-02-23 16:57

vue3.0 按钮权限的自定义指令

创建hasPermission.jsexportdefault(Vue)=>{/**自定义按钮权限指令*/Vue.directive('has',{mounted(el,binding){console.log(el,binding)//获取按钮权限if(!Vue.config.globalProperties.$_has(binding.value)){//移除不匹配的按钮el.parentNo
BlackBright_·2021-02-23 11:07

用vite搭建vue3应用的实现方法

一,安装提示:VUE3.0目前还没有官方的翻译文档。但是已经有人翻译了。
·2021-02-22 10:17

详解Vue3.0 + TypeScript + Vite初体验

项目创建npm:$npminitvite-app$cd$npminstall$npmrundevoryarn:$yarncreatevite-app$cd$yarn$yarndev项目结构main.js在个人想法上，我觉得createApp()是vue应用的实例，createApp支持链式调用App.vue：这是兼容vue2.0的语法，下面是vue3.0rfc写法（还处于实验性阶段）。rfc官方说
·2021-02-22 10:16

vue3.0实现插件封装

  最近公司有一个新的项目，项目框架是我来负责搭建的，所以果断选择了Vue3.x+ts。vue3.x不同于vue2.x，他们两的插件封装方式完全不一样。由于项目中需要用到自定义提示框,所以想着自己封装一个。vue2.x提供了一个vue.extend的全局方法。那么vue3.x是不是也会提供什么方法呢?果然从vue3.x源码中还是找到了。插件封装的方法，还是分为两步。1、组件准备  按照vue3.x
·2021-02-20 13:58

vue3.0 + element plus + vite + TS + eslint 一次尝试

技术栈：vue3.0+elementplus+vite+TS+eslint初始化项目创建项目进入项目，安装依赖，运行项目引入TS加入ts依赖yarnadd--devtypescript在项目根目录下创建TypeScript的配置文件tsconfig.json{"compilerOptions":{//允许从没有设置默认导出的模块中默认导入。这并不影响代码的输出，仅为了类型检查。"allowSynt
陌-凉·2021-02-18 17:31

Vue2.0和Vue3.0响应式原理对比以及Vue3.0的项目创建和composition Api的使用

1.Vue2.0和Vue3.0响应式原理对比1.1.Vue2.0响应式原理Vue2.0中使用ES5中的Object.defineProperty方法实现响应式数据constdata={name:'hy'
huyuehuyuehu·2021-02-18 11:18

【Vue 3.0 新特性（四）】Vue 3.0 响应式系统原理

文章前言笔记来源：拉勾教育大前端高薪训练营阅读建议：内容较多，建议通过左侧导航栏进行阅读Vue3.0响应式系统原理基础回顾Vue.js响应式回顾Proxy对象实现属性监听多层属性嵌套，在访问属性过程中处理下一级属性默认监听动态添加的属性默认监听属性的删除操作默认监听数组索引和
Alisone_li·2021-02-15 19:14

【Vue 3.0 新特性（一）】源码的组织方式

文章前言笔记来源：拉勾教育大前端高薪训练营Vue3.0源码的组织方式一、源码采用TypeScript重写为了提升代码的可维护性，源码都使用TypeScript编写，大型项目项目的开发都推荐使用类型化的语言
Alisone_li·2021-02-15 15:41

Vue3.0 new features

Vue3.0,是尤大神去年发布的第三个版本；目前只是测试版本；其用法，性能，变化很大；相信很快会投入市场；Vue团队主要对vue-compisition-api的RFC，供开发者提前体验vue3.0的新特性
LingXi566·2021-02-12 22:00

插槽是什么？我来告诉你！

虽然依旧会在Vue2.0版本进行兼容，但在Vue3.0版本会将其进行移除，因此我们在分析插槽实现原理这一章节会以最新的v-slot新语法进行分析。我们使用如下案
程序猿小二·2021-02-06 21:14

Vue3.0全家桶

https://v3.cn.vuejs.org/guide...1:Vue3的新特性&Compiler原理&扩展？*性能提升反面显著提高1.3~2.x倍*mount提升50%,内存占用小120%*核心代码+CompositionAPI:13.5kb ,最小11.75kb*所有的Runtime:22.5kb (Vue2:32kb)1.1：为什么会有这么高的性能提升？静态的Node不再做更新处理，包括
·2021-02-06 13:21

vue3.0 自适应不同分辨率电脑的操作

首先我们需要要安装一些依赖npmilib-flexible-computer-S//根节点会根据页面视口变化而变化font-size大小npmipx2rem-loader-D//自动将px转换为remnpmipostcss-px2rem//将代码中px自动转化成对应的rem的一个插件这里要和大家说的就是lib-flexible-computer这个npm装的依赖，想必大家为了做pc的适配搜索了很多
·2021-02-06 11:49

VUE3.0学习系列随笔（十）：省市区选择组件

VUE3.0学习系列随笔（十）：省市区选择组件1、数据来源使用的依赖数据为：element-china-area-data，总共有六种数据模式详情请参考官网为：https://www.npmjs.com
一方通行00·2021-02-05 14:24

Vue3.0入门 + Vant3.0移动端实践（二）轮播图模块封装及首页完善

接着上一篇的来，上一篇介绍了环境搭建及做好了底部的导航栏模块，接下来继续完善首页。先来张最终效果图：记录下之前遇到的问题，Vue中img图像src变成"[objectModule]"无法正确加载的问题。我在vue项目的js代码中，使用了"imgUrl"=require('../asserts/image.png')这种形式。网上查了很多资料，说是因为file-loader默认采用ES模块语法，即i
特立独行的猫a·2021-02-04 19:32

vue3.0 自适应不同分辨率电脑

vue3.0自适应不同分辨率电脑首先我们需要要安装一些依赖npmilib-flexible-computer-S//根节点会根据页面视口变化而变化font-size大小npmipx2rem-loader-D
约定の幸福·2021-02-04 17:33

vue3.0生产环境和正式环境配置_vue开发环境和生产环境配置

开发环境配置一般情况下开发环境是会跨域的，所以我们只需要在跨域的位置配置即可。进入config/index.js，在proxyTable对象里面添加代码，如下:'/api':{target:'http://localhost:8082',//开发环境,设置调用接口域名和端口号别忘了加httpchangeOrigin:true,pathRewrite:{'^/api':'/'//这里理解成用‘/ap
weixin_39614675·2021-02-03 15:17

Vue3.0入门 + Vant3.0移动端实践（一）环境搭建及首页底部导航栏设计

Vue3.0出来了，感觉Vue3.0比2.0好用多啦，且据说性能也有不少的提升，那么今后拥抱Vue3.0吧，会是个趋势。以下记录下Vue3.0的入门和一个移动端的项目工程模板实战。
特立独行的猫a·2021-02-03 12:55

Vue3 全家桶 + Element Plus + Vite + TypeScript + Eslint 项目配置最佳实践

尤大的Vue3.0已经发布有一阵子了，已经很成熟了。而且ElementPlus+Vite也出了一段时间了，是时候该上手体验分享一波了。
·2021-02-02 23:13

Vue3 全家桶 + Element Plus + Vite + TypeScript + Eslint 项目配置最佳实践

尤大的Vue3.0已经发布有一阵子了，已经很成熟了。而且ElementPlus+Vite也出了一段时间了，是时候该上手体验分享一波了。
·2021-02-02 23:58

Vue常用API、高级API的相关总结

最近手痒痒，玩儿了一下Vue3.0，很舒服，赶紧把这几期Vue2.0弄完，写一些3.0的东西。本文主要罗列和解析一些个人认为常用或有大用途的Api，作为自我总结的笔记和探讨。
·2021-02-02 13:20

Vue3.0 Composition API和Hooks使用学习文档

npminstall-gcreate-vite-app2、使用脚手架创建项目create-vite-appprojectName3、进入项目文件夹cdprojectName4、安装依赖npminstall5、启动vue3.0
·2021-02-01 16:30

让我们一起愉快地学习vue3.0吧

Object.defineProperty=>Proxy重构了虚拟DOMOptionApi=>CompositionAPIsetup是干啥的？setup实际上是一个组件的入口，它运行在组件被实例化时候，props属性被定义之后，实际上等价于2版本的beforeCreate和Created这两个生命周期。setup接受两个参数，第一个参数是props，另一个参数是context，setup(prop
·2021-02-01 16:13

Vue3.0 Composition API和Hooks使用学习文档

npminstall-gcreate-vite-app2、使用脚手架创建项目create-vite-appprojectName3、进入项目文件夹cdprojectName4、安装依赖npminstall5、启动vue3.0
·2021-02-01 16:56

Vue 2.x 从零开始搭建

接上一篇Vue3.0项目配置。
·2021-02-01 02:06

Vue 2.x 从零开始搭建

接上一篇Vue3.0项目配置。
·2021-02-01 02:24

资料专题 | Vue 3.0 学习教程与案例

文档地址Vue3.0学习教程与实战案例编写原因之前呢，因为Vue3.0一直是测试版本，担心坑太多，只是简单跑了一下demo大概做了一下了解，但一直还在保守观望，没有敢用在公司的业务项目上。
·2021-01-31 10:51

2天用vue3.0实现《掘金 - 2020年度人气创作者榜单》网站

通过这些，我对vue3.0的compositionapi有了一定的认知，下面让我们来看看吧！ps:个人认为原网站应该是使用react.js写的直接请求该网站的数据接口，应该是会报
·2021-01-30 13:15

2天用vue3.0实现《掘金 - 2020年度人气创作者榜单》网站

通过这些，我对vue3.0的compositionapi有了一定的认知，下面让我们来看看吧！ps:个人认为原网站应该是使用react.js写的直接请求该网站的数据接口，应该是会报
·2021-01-30 13:48

手写vue3.0双向绑定-es6 Proxy

前言vue3.0中使用Proxy，为什么放弃了原来vue2.0的Object.defineProperty，是因为监听、拦截的更加全面，功能更加强大，下文我就详细介绍vue3.0中是如何使用Proxy实现数据的双向绑定的目录前言
Star.良·2021-01-29 18:08

vue3.0为何使用proxy实现双向绑定，有哪些优点

前言随着vue3.0bate发布，我们知道双向绑定的实现方法，从vue2.0的es5的访问器属性Object.defineProperty改为es6的proxy，同学们就会想，为何改用proxy，proxy又有哪些优势呢，本文就是解答有这些疑惑的同学，希望能帮助到你目录前言1、proxy对比Object.definePropertyProxy的优势如下:Object.defineProperty的
Star.良·2021-01-29 16:24

ant-simple-pro，一个包含3大主流框架的中台解决方案

ant-simple-pro，一个包含3大主流框架的中台解决方案简介ant-simple-pro是一款支持vue3.0，react，angular，typescript等多框架支持的中台前端解决方案，ui
·2021-01-27 17:08

VUE3.0学习系列随笔（九）：防止按键多次点击多次触发事件

VUE3.0学习系列随笔（九）：防止按键多次点击多次触发事件按键在点击过程中，如果不加以限制，就会出现多次点击多次生效的情况。本文主要是实现VUE3.0中防止按键多次点击触发事件。
一方通行00·2021-01-27 15:00

Vue3.0中引入地图（谷歌+高德+腾讯+百度）

1概述项目需求需要引入地图，对于目前最新的Vue3.0，无论是百度/高德/腾讯地图目前还没有适配，只有Vue2.x版本的：目前只有谷歌地图的Vue3.0适配：但是没有适配并不代表不能使用，本文的重点就是如何使用这四种地图
·2021-01-27 11:42

VUE3.0学习系列随笔（八）：实现导航守卫模式的个人登录界面

VUE3.0学习系列随笔（八）：实现导航守卫模式的个人登录界面本文所使用到的VUE3.0依赖：链接路径管理（vue-router）：4.0版本Vue状态管理（vuex）：4.0版本前端UI渲染管理（element-plus
一方通行00·2021-01-26 20:25

VUE3.0学习系列随笔（七）：定义单个VUE页面的背景图

VUE3.0学习系列随笔（七）：定义单个VUE页面的背景图VUE属于单页面应用，如果直接采用CSS设置Body的背景图，会让造成所有的VUE页面都会被设置同一个背景图，因此需要采用另外的方式来设置单个页面的背景图
一方通行00·2021-01-26 16:15

为什么 Vue3.0 要重写响应式系统

面试的时候经常被问到响应式相关的内容，而Vue3.0更新后，面试官又有了新的武器；面试官：为什么Vue3.0要重写响应式系统？
·2021-01-26 14:48

ant-simple-pro一款支持vue3,react,angular,typescript等技术的中台解决方案

简介ant-simple-pro是一款支持vue3.0，react，angular，typescript等多框架支持的中台前端解决方案，ui使用antd实现的，它使用了最新的前端技术栈，内置了i18国际化解决方案
·2021-01-26 14:40

为什么 Vue3.0 要重写响应式系统

面试的时候经常被问到响应式相关的内容，而Vue3.0更新后，面试官又有了新的武器；面试官：为什么Vue3.0要重写响应式系统？
·2021-01-26 13:19

VUE3.0学习系列随笔（六）：ElemenUI的安装和使用

VUE3.0学习系列随笔（六）：ElemenUI的安装和使用经过实际测试，VUE2.0版本对应的ElementUI并不适用于VUE3.0，需要将安装版本更换为：Element-Plus，官网地址为：https
一方通行00·2021-01-26 11:42

vue3.0 Vite 实现

Vite介绍概念：Vite是一个面向现代浏览器的一个更轻，更快的web应用开发工具它基于ECMACript标准原生模块系统(ESModule)中的type=“mudole”特性实现Vite项目依赖Vite@vue/compiler-sfc:编译.vue结尾的单文件组件基础使用viteservevitebuild使用serve时候，会开启一个web服务器，在开启服务器，不需要像vue-cli进行编译
进阶__前端漫漫路·2021-01-25 16:20

VitePress : VuePress 下一代框架

VitePress是VuePress的下一代框架VuePress应该有人用过，而VitePress是VuePress的下一代框架，是支持vue3.0的web网站框架。
我要吃肉·2021-01-25 15:50
上一页 32 33 34 35 36 37 38 39 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他