首先是官方定义：混入 (mixin) 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。通俗来讲，就是 mixin 中的属性，比如 data、methods 或者自定义属性，将被混入到全部或者指定的组件中，让这些组件可以调用 mixin 中所定义的属性或者事件全局 mixin首先
转载
2021-01-31 20:31:05
1037阅读
2评论
<template> <PageWrapper title="引导页" content="用于给用户的指引操作"> <a-button type="primary" @click="handleStart">开始</a-button> </PageWrapper> </template> <scri ...
转载
2021-10-19 14:51:00
1305阅读
2评论
一、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阅读
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阅读
通过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
只有一张图但是却加入了很多比如setup代替了 export default然后组件等等之
原创
2022-08-19 11:35:34
199阅读
理想必须要人们去实现它，它不但需要决心和勇敢而且需要知识。——吴玉章目录系列文章目录一、关于对TypeScript的疑问1.ts中的数据类型 1.为 ref() 标志类型2.为 reactive() 标注类型3.为事件处理器标注类型2.typescript 特点3.TS的局限4.什么时候用泛型5.类型定义在哪？二、vue3中使用TypeScript前提问题1.需要说明类型2.引用报错3.
转载
2023-10-31 22:52:36
307阅读
前言先学习vue2.x，很多2.x内容依然保留；先学习TypeScript，vue3.0是用TS重写的，想知其然知其所以然必须学习TS。为什么学习vue3.0？性能比vue2.x快1.2～2倍按需编译，
原创
2021-08-27 10:12:12
967阅读
参考视频：https://www.imooc.com/learn/1300官方文档查看文档：https://v3.cn.vuejs.org/准备工作1、官网安装node，进入node.js官网安装长期支持版打开终端输入：node -v 如果出现node版本号，表...
原创
2022-10-09 22:37:07
174阅读
前言先学习vue2.x，很多2.x内容依然保留；先学习TypeScript，vue3.0是用TS重写
原创
2022-02-05 15:29:14
235阅读
前言 最近在b站上学习了飞哥的vue教程 学习案例已上传，下载地址 class绑定 对象绑定 :class='{active:isActive}' // 相当于class="active" :class="'active'" // 相当于class="active" ，这里绑定的是一个字符串 :cl
原创
2022-10-01 19:53:50
57阅读
1、删除旧版本vue-cli npm uninstall vue-cli -g 2、安装新版本 cnpm install -g @vue/cli 3、查看版本 4、创建项目 vue create hello 可以选择vue2，vue3 提示npm 版本低，更新 npm install -g npm
转载
2020-10-22 11:39:00
251阅读
2评论
前言 Vue3.0 在去年 9 月正式发布了，看大家都有在热情的拥抱 Vue3.0。今年初新项目也开始使用 Vue3.0 来开发，这篇文章就是在使用后的一个总结， 包含 Vue3 新特性的使用以及一些使用经验分享。 Composition API setup setup 是 Vue3.x 新增的一个 ...
转载
2021-08-09 18:03:00
359阅读
点赞
2评论
vue2.6 使用 父组件slot=“name” slot-scope=“data” 可以使用div或templatevue3.0 使用父组件v-slot:name="data"或者#name=“d
原创
2022-08-19 11:48:05
195阅读
前言 最近在b站上学习了飞哥的vue教程 学习案例已上传，下载地址 指令 #id2{ // css部分 font-size: 24px; color: green; } v-bind:href="myUrl" v-bind:id="myId" // 等同于：href="www.baidu.com"
原创
2022-10-01 19:59:59
32阅读
