vue3.0 官方文档

一、工程创建

1.安装node

2. 安装vue3.0

方式一：npm i -g @vue/cli
方式二：cnpm install -g @vue/cli
这个需要安装淘宝镜像

npm install -g cnpm --registry=http://registry.npm.taobao.org

其中 -g 表示全局安装

3、创建vue3.0的项目

 vue create project-name

4、使用vue3.0

在main.js中：

import VueCompositionApi from '@vue/composition-api'
//使用vue3.0
Vue.use(VueCompositionApi);

二、使用

组件传参

传输方

 import {reactive, provide, toRefs} from '@vue/composition-api';export default {//组件导入components: {Slide,Categories,CategoryList},setup: function () {const state = reactive({images: [//播放的图片require("@/assets/img/1.png"),require("@/assets/img/2.png"),require("@/assets/img/3.png")]});//传输方代码provide('slideList', state.images);return {...toRefs(state)}}

接收方

 import {reactive, toRefs, onMounted,inject} from '@vue/composition-api'export default {name: "Slide",//reactive处理响应值数据setup: function () {//接收参数const slideList=inject('slideList');}
}

axios使用

main.js

import axios from 'axios'//引入
//放到原型对象中
Vue.prototype.$http = axios;
//默认的url
axios.defaults.baseURL ="http://localhost:10080/";

使用

import {reactive, toRefs,onMounted} from '@vue/composition-api'export default {name: "Categories",//root相当于vue2.0的thissetup: function (props,{root}) {const state = reactive({//水果分类fruitCategories: []});let getData=()=>{root.$http.get("/category/getCategories").then(result=>{if(result.data.code===200){state.fruitCategories=result.data.data;}else{alert("操作失败")}}),error=>{console.log(error)}};onMounted(()=>{getData();});//返回全部return {...toRefs(state),// play}}}

vuex的使用

vue3.0(包含中文官方文档)相关推荐

dubbo官方文档中文_Pandas中文官方文档：基础用法5
本文授权转载自Python大咖谈禁止二次转载大家好,我是老表阅读文本大概需要 16 分钟建议从头开始学习,本系列前四篇 Pandas中文官方文档:基础用法1 Pandas中文官方文档:基础用法2 ...
python官方文档中文下载-python中文官方文档 PDF 下载
Python 2 教程 Python是一门简单易学,功能强大的编程语言.它具有高效的高级数据结构和简单而有效的面向对象编程方法.Python优雅的语法和动态类型以及其解释性的性质,使它在许多领域和 ...
k8s1.18多master节点高可用集群安装-超详细中文官方文档
kubernetes安装系列文章 kubernetes1.17.3安装-超详细的安装步骤安装kubernetes1.17.3多master节点的高可用集群 k8s1.18单master节点高可用集群 ...
Dubbo中文官方文档
Dubbo中文官方文档由于市面并没有dubbo相关的书籍,最好的自学方式除了看教学视频就只能看官方文档了,小伙伴找不到中文官方文档的,可以用我的url,一起学习! http://dubbo.apac ...
springboot中文官方文档
springboot中文官方文档 https://www.breakyizhan.com/springboot/3028.html spring框架 https://www.breakyizhan.c ...
opencv4.1中文官方文档
我用阿里云盘分享了「opencv 4.1中文官方文档v1.1版.pdf」,你可以不限速下载
Spring Framework 中文官方文档
Spring Framework 中文官方文档目前为最新版 5.3.11. 其他spring文档不断更新中 1.历史.设计理念.反馈.入门. Overview 2.IoC 容器.事件.资源.i18n ...
ClickHouse中文官方文档
什么是ClickHouse? ClickHouse是一个用于联机分析(OLAP)的列式数据库管理系统(DBMS). 在传统的行式数据库系统中,数据按如下顺序存储: Row WatchID JavaEn ...
qmake中文官方文档
qmake QMake提供了一个用于管理应用程序,库,其他组件的构建过程的面向工程系统 QMake扩展了每个工程文件的信息,生成一个执行编译和连接过程的Makefile 本文翻译自Qt 4.8官方文档 ...

vue3.0(包含中文官方文档)

一、工程创建

1.安装node

2. 安装vue3.0

3、创建vue3.0的项目

4、使用vue3.0

二、使用

组件传参

axios使用

vue3.0(包含中文官方文档)相关推荐

最新文章

热门文章

vue3.0(包含中文官方文档)

一、工程创建

1.安装node

2. 安装vue3.0

3、 创建vue3.0的项目

4、使用vue3.0

二、使用

组件传参

axios使用

vue3.0(包含中文官方文档)相关推荐

最新文章

热门文章

3、创建vue3.0的项目