最近Vue官方公布了Vue3.0最重要的RFC：Function-basedcomponentAPI，并发布了兼容Vue2.0版本的plugin：vue-function-api，可用于提前体验Vue3.0版本的Function-basedcomponentAPI。笔者出于学习的目的，提前在项目中尝试了vue-function-api。笔者计划写两篇文章，本文为笔者计划的第一篇，主要为笔者在体验V
转载
2019-09-23 15:58:39
548阅读
概述 Vue 2.x 及以前的高阶组件的组织形式或多或少都会面临一些问题，特别是在需要处理重复逻辑的项目中，一旦开发者组织项目结构组织得不好，组件代码极有可能被人诟病为“胶水代码”。而在 Vue 2.x 及之前的版本，解决此类问题的办法大致是下面的方案： mixin 函数式组件 slots 笔者维护
转载
2020-12-08 14:46:00
181阅读
2评论
通过CDN<script src="https://unpkg.com/vue@next"></script>npm# 最新稳定版
npm install vue@next
npm install -D @vue/compiler-sfc如果你是从Vue 2.x升级的，请注意 @vue/compiler-sfc 替换掉了 vue-templat
中文文档：https://vue-docs-next-zh-cn.netlify.app/guide/installation.html#vue-devtools 不2.0和vue3.0新特性：https://www.vue3js.cn/docs/zh/ 只想了解vue3：https://www.v Read More
转载
2020-10-17 17:44:00
342阅读
2评论
前言 昨天不是尤雨溪 不是刚在B站 直播玩了，分享了vue-next v3.0.0-beta.1 版本 哈哈， 不要太刺激哦 6大亮点 Performance：性能更比Vue 2.0强
原创
精选
2022-06-20 17:30:32
216阅读
点赞
1、props是指父组件通过属性的形式将值传给子组件 <user-save :userid="data.ActiveUserId" v-if="data.dialogVisible" @closeDialog="closeDialog" /> 比如这个，他的userid就是一个父组件与子组件相通的接 ...
转载
2021-10-30 04:57:00
174阅读
2评论
包含路由，vuex，计算器属性，监听，当前对象，上下文，等api的体验与element-p
原创
2022-08-19 11:37:28
88阅读
vue3.0 对比 vue2.0 优势vue3.0 相比 vue2.0 性能提升了近 50%，框架内部做了大量性能优化，包括：虚拟dom，编译模板，Proxy 的新数据监听，更小的打包文件等vue3.0 新的组合式 API（即 Composition API）根据逻辑相关性组织代码，相比于 vue2.0 的 Options API，提高了代码的可读性和可维护性，更适合大型项目的编写方式vue3.0
转载
2021-02-01 12:52:19
1675阅读
2评论
后台使用的是.net core webapi，其有两种，一种是fromform，一种是frombody 1、fromform可以接收一些简单类型的数据，比如string,int等等，写法如下 参数单一 post(url, params, callback) { return new Promise( ...
转载
2021-10-28 15:46:00
1321阅读
2评论
################################# 安装： 1，安装node.js ：Javascript运行环境，其中的npm就是Node.js下的包管理器。 2，命令行安装cnpm ：npm install -g cnpm --registry=https://registry.
原创
2022-12-15 09:34:20
85阅读
作为国内最火的前端框架，Vue 这几年的热度只增不减。上手简单、中文文档全，大厂面试也常考。最近和一位在字节跳动做前端 leader的朋友沟通，了解到现在的求职者有很多对 Vue 还是一知半解，往深了问几句就容易暴露，从而面试败北。熟练掌握Vue ，除了是进入大厂的必备技能，更是成为高级工程师、资深工程师或者架构师的必经之路。 Vue 更新至 3.0 Beta 版有一
原创
2023-08-22 16:24:14
85阅读
一、vue3.0尝鲜 vue-next尝鲜 二、@vue/composition-api https://vue-composition-api-rfc.netlify.app/#summary https://.np...
原创
2021-12-06 16:36:53
203阅读
一、vue3.0尝鲜<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vue-next尝鲜</title> <script src="https://s1.zhuanstatic.com/...
原创
2022-07-01 06:30:29
145阅读
<template> <PageWrapper title="引导页" content="用于给用户的指引操作"> <a-button type="primary" @click="handleStart">开始</a-button> </PageWrapper> </template> <scri ...
转载
2021-10-19 14:51:00
1305阅读
2评论
<template> <div class="row p-0 m-0 text-white d-flex content"> <!-- <button @click="ajaxTest">点击</button> --> <div class="echarts"> <div id="barchart" ...
转载
2021-10-29 13:46:00
367阅读
2评论
vue项目中用的是aixos来进行请求，但是项目中接口请求比较多，而且vue3.0也不像vue2.x一样在入口文件引入后直接挂载到全局，比如这样：import axios from 'axios'
Vue.prototype.$axios = axios // 这是挂载到全局，$axios 是自己命名，按照自己的习惯来
// 使用就可以直接在需要用的页面直接调用
this.$axios.post(
转载
2023-08-21 09:28:09
474阅读
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="app"> <h2>{{message}}</h2> <h1>{{name}}</h1></div.
原创
2022-03-15 15:53:15
99阅读
