<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阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            现在的前端真的看不懂啊,还有重学ES6 TypeScript , 还要安nodejs npm 编译 vue-next 状态:测试版。 1.所有计划中的RFC已合并。 2.所有合并的RFC已实现。 3.Vue CLI现在通过vue-cli-plugin-vue-next提供了实验性支持。 这里还有一个            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-06-17 19:00:08
                            
                                248阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            只有一张图但是却加入了很多比如setup代替了 export default然后组件等等之            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-08-19 11:35:34
                            
                                201阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            通过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
                            
                                111阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            中文文档: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阅读