一、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评论
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阅读
只有一张图但是却加入了很多比如setup代替了 export default然后组件等等之
原创
2022-08-19 11:35:34
199阅读
通过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
理想必须要人们去实现它,它不但需要决心和勇敢而且需要知识。——吴玉章目录系列文章目录一、关于对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教程 学习案例已上传,下载地址 指令 #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阅读
仓库地址:GitHub文档地址:连接@vue/composition-apivue3.0为了更好的类型推断,(避免使用装饰器),完全使用普通函数,用TS重写了源码,所以在如果你使用Vue3.0开发,最好和TS搭配使用。数据通信之前使用高阶组件(会导致没有更新的组件也进行重新渲染),mixin(变量名会和组件内部冲突),作用域插槽(会导致数据来源不明确)@vue/composition-a...
原创
2022-11-23 00:08:57
107阅读
中文文档: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评论
setup函数是 Composition API(组合API)的入口, 在setup函数中定义的变量和方法最后都是需要 return 出去的 不然无法再模板中使用。 setup函数是用于定义变量和方法的。 它的简单使用: 1.引入ref 和 reactive 模块 import {ref, reac ...
转载
2021-09-02 18:31:00
762阅读
2评论
(目录) 前言 computed计算属性,与普通JS函数相比computed性能更好,以为它存在计算缓存,js函数没有,其计算结果是只读的,可通过set方法修改。 computed的基本用法 <body> <div id="app"> <input v-model="firstName" type=
转载
2021-09-14 12:16:37
1296阅读
https://v3.cn.vuejs.org/guide/composition-api-introduction.html ...
转载
2021-09-22 15:47:00
5008阅读
在vue3.0中跟vue2.0相比很多写法都变了以前声明变量在data中就行了现在声明要用到ref和reactive这里声明了page 和setData 两个变量最简单的解释就是ref声明单一简单的变量 reactive 声明复杂的变量但是要想用到这两种变量必须要return 出来 方法名也必须returnref,reactive 是有双向绑定的功能<template> <div> <div>{{page}}</div> <
原创
2022-01-10 13:51:00
798阅读