VUE3.0

ECharts之水球图

效果图背景图片下载npminstallecharts--savenpminstallecharts-liquidfill--save引入并注册    在main.js文件里引入并注册(这里是Vue3.0
星星泡饭_·2020-08-09 08:41

（实战项目篇）vue3.0系列（vue2.6-cli3.x）自定义配置文件使用

在根目录下创建vue.config.js文件module.exports={//选项...//publicPath:'/demo2',devServer:{port:8001,//端口号，如果端口号被占用，会自动提升1host:"localhost",//主机名，127.0.0.1，真机0.0.0.0https:false,//协议open:true//启动服务时自动打开浏览器访问},lintOn
2b勿扰·2020-08-09 05:28

（实战项目篇）vue3.0系列（vue2.6-cli3.x）使用vuex

第一种方式:直接挂载到vue上store.jsimportVuefrom'vue'importVuexfrom'vuex'//引用Vuex插件Vue.use(Vuex)//将home相关的状态抽取为一个模块consthome={state:{//存放状态（共享属性）count:1},//改变state状态值mutations:{increment(state,n){//n为载荷//state.co
2b勿扰·2020-08-09 05:28

（实战项目篇）vue3.0系列（vue2.6-cli3.x）使用echart

```bash//引入基本模板letecharts=require('echarts/lib/echarts')//引入柱状图组件require('echarts/lib/chart/bar')//引入提示框和title组件require('echarts/lib/component/tooltip')require('echarts/lib/component/title')exportdefa
2b勿扰·2020-08-09 05:28

vue3.0系列（vue2.6-cli3.x）生命周期（钩子函数）

生命周期{{message}}constvm=newVue({//el:'#app',data:{message:'嘻嘻哈哈'},beforeCreate(){//Vue实例创建前被调用，数据和模板均未获取到console.log('beforeCreate()',this.$el,this.$data)},created(){//Vue实例创建后，最早可以获取到data数据的钩子，但是模板未获取
2b勿扰·2020-08-09 05:28

（实战项目篇）vue3.0系列（vue2.6-cli3.x） axio的封装和使用

request.jsimportaxiosfrom'axios'import{Loading,Message}from'element-ui';constloading={loadingInstance:null,//Loading实例//打开加载open:function(){//创建实例,而且会打开加载窗口console.log(this.loadingInstance,'loadingIns
2b勿扰·2020-08-09 04:07

关于vue3.0项目pc端自适应

项目到了尾声，产品加个需求，要求自适应目前主流屏幕，在我的据理力争下，可能是产品手头的砖头比较硬，我怂了不胡扯了正题来了两个插件：npmilib-flexible-Snpmipx2rem-loader-Dyarnaddpostcss-px2rem在main.js中引入import'lib-flexible'在vue.config.js中加入以下代码chainWebpack:config=>{con
青枫岸，白石湫·2020-08-08 14:03

vue搭配Avue的使用方法

下载vue的脚手架npminstall-g@vue/cli//全局安装vue3.0的脚手架创建项目vuecreateproject-name//project-name项目名称下载elementUInpmielement-ui-S
nana娜娜·2020-08-08 11:44

纯小白入手 vue3.0 CLI - 3.3 - 路由的导航守卫

vue3.0CLI真小白一步一步入手全教程系列：https://www.cnblogs.com/ndos/category/1295752.html尽量把纷繁的知识，肢解重组成为可以堆砌的知识。学会工具并不难，思考如何运用这些工具，才是编程或者工作中最难的部分。我的github地址-vue3.0Study-阶段学习成果都会建立分支。==========================导航守卫是vu
weixin_34199335·2020-08-07 20:43

Vue中的插槽和具名插槽(vue 2.5已淘汰的语法和vue3.0支持语法对比)

目录不用插槽slot的我们应该怎么做vue的插槽slot基本用法了解具名插槽没有具名插槽出现的问题具名插槽vue2.5语法展示（已被官方废弃且不会出现在Vue3中）具名插槽vue2.6+语法展示（Vue3支持）首先来看看插槽的使用场景不用插槽slot的我们应该怎么做不用插槽我们应该怎么做lcylcy">Vue.component('child',{props:['content'],templat
砖业洋__·2020-08-07 16:01

美团程序员提问：应届生，工资34k，算多吗？

Vue3.0源代码公布后，究竟有哪些变更？吵翻天！税后年薪170万的阿里P8程序员征婚被喷到死！2019编程语言排行榜：Java、Python龙争虎斗！PHP屹立不倒！石锤了！Google彻底断供
androidstarjack·2020-08-07 12:26

Vue 3 is now in RC!

今天Vue官方宣布Vue3.0已进入RC（发行候选）阶段！仰天长啸~"天下苦秦久矣"。进入RC阶段意味着Vue3核心的API和实现均已稳定。
李强·2020-08-06 04:14

vue3.0搭建后台管理系统——新建项目并配置环境

自己实战整理的步骤，可以轻松构建vue全家桶项目（本文省去前面node安装,脚手架安装过程，只针对搭建项目的过程）一、创建项目1.指令：vuecreatevue-manager-systembabel转译js的新特性，兼容低版本浏览器CSS预处理器，设置全局变量ESLint检查代码写法是否规范2.指令：cdvue-manager-system3.指令：npmrunserve二、配置项目的基本环境1
chuwarrior·2020-08-05 20:45

基于Vue3.0的电商后台管理系统---前端

所用的技术：git：管理代码的开发node.js:vue.js运行环境vue3.0：最新版本vue-cli3.0：脚手架最新版本，支持图形化操作webstorm：代码编辑器项目新增插件：vue-cli-plugin-element
imagination_wdq·2020-08-05 19:01

Vue3.0源码上线，是不是意味着要重学了？

想必大家都知道了，Vue3.0正式版发布提前了，原本明年才能上线的改成本月了，那大家想过没有，Vue为什么更新的这么快？
祈澈菇凉·2020-08-05 19:55

解析Vue2.0和3.0的双向数据绑定原理和异同(带源码)

解析Vue2.0和3.0的双向数据绑定原理和异同(带源码)Vue2.0和Vue3.0实现原理Vue2.0Vue2.0实现MVVM(双向数据绑定)的原理是通过Object.defineProperty来劫持各个属性的
超^Shine·2020-08-05 17:59

Vue源码解析数据响应式(二)

Vue2.0数据响应式是利用ES5的Object.defineProperty以及watchers以及observe数据劫持实现，Vue3.0是利用ES6的proxy实现1、数据响应式在源码中的vue\
mschange·2020-08-05 12:53

Vue3.0源码解析之组件渲染，vnode 到真实 DOM

在Vue.js中，组件是一个非常重要的概念，整个应用的页面都是通过组件渲染来实现的，但是你知道当我们编写这些组件的时候，它的内部是如何工作的吗？从我们编写组件开始，到最终真实的DOM又是怎样的一个转变过程呢？首先，组件是一个抽象的概念，它是对一棵DOM树的抽象，我们在页面中写一个组件节点：这段代码并不会在页面上渲染一个标签，而它具体渲染成什么，取决于你怎么编写HelloWorld组件的模板。举个例
CRMEB·2020-08-05 02:11

vue移动端开发h5基础配置

移动端项目中开发基础配置简介：仅针对于vue项目基础配置，但也适用于类似框架vue项目搭建项目初始化vue2.0vueinitwebpack基础配置依据个人爱好，这里直接省略vue3.0vuecreate基础配置同样省略vue3.0
众生皆苦唯有我甜·2020-08-04 12:59

Vue3.0源码解析之组件渲染，vnode 到真实 DOM

在Vue.js中，组件是一个非常重要的概念，整个应用的页面都是通过组件渲染来实现的，但是你知道当我们编写这些组件的时候，它的内部是如何工作的吗？从我们编写组件开始，到最终真实的DOM又是怎样的一个转变过程呢？首先，组件是一个抽象的概念，它是对一棵DOM树的抽象，我们在页面中写一个组件节点：这段代码并不会在页面上渲染一个标签，而它具体渲染成什么，取决于你怎么编写HelloWorld组件的模板。举个例
CRMEB众邦·2020-08-04 11:19

Vue 3.0已进入发布候选阶段！

Vue正在彻底检查中，Vue3.0已进入发布候选阶段！这已经持续了近两年，并且终于，Vue3核心API的实现现在稳定了。令人兴奋的原因有很多。Vue3有比Vue2具有更高的性能。
前端精髓·2020-08-04 08:28

es6学习笔记-proxy对象

前提摘要尤大大的vue3.0即将到来，虽然学不动了，但是还要学的啊，据说vue3.0是基于proxy来进行对值进行拦截并操作，所以es6的proxy也是要学习一下的。
weixin_30456039·2020-08-04 04:18

Reflect 的一些个人理解

Vue3.0出来后，各种源码剖解的文章多了起来，其中Proxy和Reflect两个API频繁出现。
RawMarin·2020-08-03 22:19

Vue-next 探究

前言由于最近公司项目甚多，现在终于有点时间了，所以去看了一下vue-next（下一代vue.js3.0），相信不久的将来vue3.0很快就要发布出来了。
MuGuiLin·2020-08-03 20:40

vue3源码学习

使用最新的vue3.0输入命令vueaddvue-next****************optionapi和compositionapi的区别1，a传统对象api,bhooksapi函数式变成增强复用
fire-fire-fox·2020-08-03 06:50

免费直播 | 手拉手带你开启Vue3.0+Vite开发新世界！

上个月，对于广大前端开发者们可谓是过节一样——因为Vue3.0真的来了！
苏生不惑·2020-08-03 04:06

使用Vue3.0 beta4与Vite0.6.0制作一个todoList

安装Vite的Github地址：Vitenpxcreate-vite-app目录结构（README和Licence是自己加的）可以看到vue版本是最新beta版4.0{"name":"vite6","version":"0.0.0","scripts":{"dev":"vite","build":"vitebuild"},"dependencies":{"vue":"^3.0.0-beta.4"}
干巴爹兔·2020-08-03 02:40

最新Vue底层原理实现概述

Vue，React这样的框架可以说是现在前端的必备技能，一个刚入门两三个月的前端都是要会Vue的，而且随着Vue3.0发布日程的推进，使用的人群变得多了，开始想去了解它。
winty~~·2020-08-02 21:13

VUE2.0和VUE3.0区别以及移动端适配

VUE2.0和VUE3.0区别以及VUE-CLI移动端适配VUE2.0和VUE3.0区别1.项目目录结构2.配置项3.常用命令VUE-CLI移动端适配区别vue-cli2.0移动端适配vue-cli3.0
promising_li·2020-08-01 14:54

vue3.0 中的 diff 过程

简单的学习一下vue3.0中的diff过程1、patchChildren，diff函数的入口constpatchChildren=(n1,n2,container,anchor,parentComponent
dongceha·2020-08-01 12:44

vue3.0 api 的简单学习

vue3.0出来了一段时间了，但是直到这一段时间，才想着要认真学一学，真是惭愧Vue组合式API1、上手下载官方的vue3.0的一个包gitclonehttps://github.com/vuejs/vue-next-webpack-preview.gitvue3cdvue3yarnyarndev2
dongceha·2020-08-01 12:43

浅谈Vue的响应式原理（对比2.0和3.0）

参考文献Vue数据响应式原理深入理解Vue响应式原理vue3.0尝鲜–摒弃Object.defineProperty，基于Proxy的观察者机制探索前言Vue.js的核心包括一套“响应式系统”。
鹏鱼雁·2020-08-01 10:28

vue2.0转变成vue3.0

vue3.0发布已经4个多月了官网还没有同步更新但是尝鲜版本已经出来了改变还是非常的大的几乎都是基于面向对象和es6的语法闲着没事自己动手尝试了一下1.首先下载依赖在2.0的基础上npmi@vue/composition-api-s2
沫熙瑾年·2020-08-01 07:50

vue3.0 customRef

(1)customRef用于自定义返回一个ref对象,可以显式地控制依赖追踪和触发响应,接受工厂函数(2)两个参数分别是用于追踪的track与用于触发响应的trigger，并返回一个一个带有get和set属性的对象使用:import{customRef}from'vue';functionuseDebouncedRef(value){returncustomRef((track,trigger)=
神奇大叔·2020-08-01 05:51

vue3.0 响应式工具集

使用import{unref,toRef,toRefs,isRef,isProxy,isRefs,isReactive,isReadonly}from'vue'(1)unref判断是否是ref对象,是返回ref对象.value值,不是返回参数本身constxx=unref(x)(2)toRef为一个reactive对象的属性创建一个ref,并返回该ref,即可通过返回值和reactive对象操作属
神奇大叔·2020-08-01 05:50

vue3.0 全局路由守卫(router.js设置)

在用户用一开始的时候就判断它是否登录,如果没有登录就跳登录页面,如果登录设置一个localStorage存起来router.jsimportVuefrom'vue';importRouterfrom'vue-router';Vue.use(Router);constrouter=newRouter({mode:'history',base:process.env.BASE_URL,routes:[
周家大小姐.·2020-07-31 22:56

vue3.0 仿微信实时通信Tab切换与子路由

需求:底部有tab切换;点击当前会显示对应的子页面效果图tab子组件:{{item.title}}exportdefault{name:'tabbar',props:{data:Array}};.tabbar{height:55px;box-sizing:border-box;width:100%;position:fixed;bottom:0;background-image:linear-gr
周家大小姐.·2020-07-31 22:56

vue3.0 vant按需引入

首先安装Vant然后babel-plugin-import是一款babel插件，它会在编译过程中将import的写法自动转换为按需引入的方式安装插件npmibabel-plugin-import-D然后在babel.config.js中配置一下下module.exports={plugins:[['import',{libraryName:'vant',libraryDirectory:'es',
Gao小新·2020-07-31 21:29

抄笔记：尤雨溪在Vue3.0 Beta直播里聊到了这些…

前言在4月21日晚，Vue作者尤雨溪在哔哩哔哩直播分享了Vue.js3.0Beta最新进展。以下是直播内容整理原文地址：https://juejin.im/post/5e9f6b3251882573a855cd52#heading-11.全新文档RFCsVue.js3.0Beta发布后的工作重点是保证稳定性和推进各类库集成所有的进度和文档都将在全新RFCs文档可以看到。2.六大亮点Performa
Kimser·2020-07-31 14:48

Unexpected console statement (no-console) 报错

当前使用的是vue3.0，vue-cli3开发过程中，当我想使用console.log(response)，查看后台获得的数据时候，发现报错：Unexpectedconsolestatement(no-console
Avengerrr·2020-07-31 13:31

vue3.0 请求拦截对Token处理,导航守卫判断是否登录,响应拦截,觖析token存储到vuex中

需求:用户点击登录的时候获取token存取下来,然后放入请求拦截,因为用户上拉刷新下拉加载的时候需要用到;不然用户一刷新,服务端都不知道用户是谁了目录请求存储token:请求拦截,及请求错误的响应拦截路由守卫(用来判断用户有没有登录;如果没有的话只能进入登录和注册页面)觖析token存储到vuex中请求存储token:login.vue页面//请求的时候存储tokenloginClick(){//
周家大小姐.·2020-07-30 20:19

vue创建项目很慢

今天刚升级了vue3.0，用vuecreateproject创建项目，结局发现一直卡在安装步骤，上网找了很多问题，网上说要不镜像源换成淘宝镜像源，可是明明我的镜像就已经是淘宝镜像源了之后我就像或者不开淘宝镜像
hylw·2020-07-30 17:59

vue3.0自定义字体图标使用

以往方法：在Iconfont官网中搜索所需图标添加入库添加至项目下载素材至本地页面中引入字体文件使用方法：缺点：项目想要添加新的图标时，需要重复上述操作并重新下载覆盖文件手动分割线解决方案：采用svg-sprite-loader自动加载打包，方便维护//项目默认配置文件|--vue3.0-project|--node_modules|--public|--src|--assets|--compon
qq_21976063·2020-07-29 21:11

vue3.0引入字体样式ttf文件

vue3.0之后，就把build目录隐藏掉了，所以想要配置配置webpack.base.conf.js文件很麻烦。
freya_Du·2020-07-29 18:13

前端er，你真的会用 async 吗？

async异步函数不完全使用攻略前言现在已经到8102年的尾声了，前端各方面的技术发展也层出不穷，VueConfTO2018大会也发布了Vue3.0的计划。
Croc_wend·2020-07-29 14:42

大前端学习 -- Vue.js源码分析（响应式、虚拟DOM、模板编译和组件化）-- 总结

响应式原理一、准备工作1.Vue源码的获取项目地址：https://github.com/vuejs/vueFork一份到自己仓库，克隆到本地，可以自己写注释提交到GitHub为什么分析Vue2.6到目前为止Vue3.0
爱玲姐姐·2020-07-29 14:22

vue3.0 配置本地代理 联调接口

1、可以手动创建一个vue.config.js，dev.config.js在项目最外围2、vue.config.js就是配置咱们得vue得一个配置得打包环境后面会一一提到，先回正题配置代理嘛vue.config.js得代码：constconfig=require('./dev.config')module.exports={devServer:{proxy:{},...config.devServ
不当混子·2020-07-29 12:28

Vue3.0 axios跨域请求代理服务器配置

参考周家大小姐.https://blog.csdn.net/qq_40190624/article/details/85257610首先安装axiosnpminstallaxios然后在vue.config.js文件下配置如下代码（若没有vue.config.js文件可以自己创建这个文件）module.exports={devServer:{open:true,port:8001,proxy:{'
贝尔格尔屌丝·2020-07-29 06:10

vue3.0 diff算法详解(超详细)

前言：随之vue3.0beta版本的发布，vue3.0正式版本相信不久就会与我们相遇。
zl_Alien·2020-07-29 03:39

Vue 3.0 初试-项目创建

Vue3.0初试-项目创建首先需要安装vue-cli或者将vue-cli升级到4.3.1命令行在Windows下输入npminstall-g@vue/cli注意如果你的电脑是Mac那么需要输入的命令行为
不知再知·2020-07-29 02:21
上一页 41 42 43 44 45 46 47 48 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他