第一步创建项目

你好！这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。

创建项目
```
     vue create vue3
```

这边为手动去创建项目这里要选中 Manually select features

  ? Please pick a preset: default (babel, eslint) ❯ Manually select features

剩下的配置你就根据自己的项目的需求进行选择

第二步对vue项目进行升级

进入到相对应的项目中
```
  cd vue3vue add vue—next
```

这段代码会帮你安装vue3.0 的依赖，并更新项目中的相关配置；

接下来你就可以尽情的开发啊

<template><div>参数的问题{{data.title}}<div @click="funinfo.changetitle">我要改变title</div></div>
</template>
<script>export dafault{import {ref} from "vue";setup(){let datano = "这是不能变化的值"; // 这是不能改变的值，这是一个只读的属性 要是去改变它的话，就会出现报错信息，提示这是一个只读的属性let data = ref({}); // 这样可以动态的改变data 中的值data.value.title = "我是一个可以改变的值";let funinfo= {};funinfo.changetitle = ()=>{data.value.title = data.value.title + "改变一"};// 上面定义的变量和方法，在vue2中不用导出，但是在vue3中就需要导出;这是vue3的其中改变一点;retun {data,datainfo,funinfo}// 注:我这里运行对象，减少了导出的操作，方便快捷，不用写一个方法，导出一个方法，这种一次性导出来，在外面直接调用即可}}
</script>

来一起学习一下vue3.0 初体验---comeon相关推荐

vue3.0响应式源码实践,vue3.0初体验
vue3.0响应式源码实践,vue3.0初体验镇楼图--杀生丸.jpg vue-next(vue3.0预体验) 1. 使用: 2.vue-next的目录结构 3. reactive内部实现作者上篇 ...
vue3.0初体验（例子解读reactive响应式）
目录准备 vue3 reactive原理例子重点讲解 vue3 reactive原理例子完整代码准备: 下载vue-next 安装依赖 npm install 核心部分package,里面的vue ...
Python学习笔记：pandas初体验
Python学习笔记:pandas初体验一.安装pandas模块 1.安装Python3.7 注意:必须勾选pip(python install package). 2.配置环境变量 3.下载 pa ...
JeecgBoot学习_Online表单初体验
JeecgBoot学习Online表单初体验在这几个地方改起来在页面属性里选择类型再建一个商品表为了使得选择有树形结构我们修改这两处备注: 1.字典table 填写树控件对应的表名 { 例 ...
PyTorch学习笔记：PyTorch初体验
PyTorch学习笔记:PyTorch初体验一.在Anaconda里安装PyTorch 1.进入虚拟环境mlcc 2.安装PyTorch 二.在PyTorch创建张量 1.启动mlcc环境下的Spy ...
php的swoole教程,PHP + Swoole2.0 初体验（swoole入门教程）
PHP + Swoole2.0 初体验(swoole入门教程) 环境:centos7 + PHP7.1 + swoole2.0 准备工作: 一. swoole 扩展安装 1 .下载swoole cd/ ...
魅族 android6.0,大屏又好用的 MEIZU 魅蓝MAX及Flyme6.0初体验
大屏又好用的 MEIZU 魅蓝MAX及Flyme6.0初体验 2017-01-03 15:49:10 9点赞 11收藏 28评论其实这个手机已经买了快2个月了,奈何拖延症犯了.....一直不想写,拖 ...
鸿蒙OS2.0初体验
重要的放前面鸿蒙官方开发文档鸿蒙IDE下载地址鸿蒙OS入门2.0教程鸿蒙初体验视频鸿蒙2.0开源地址一.HarmonyOS优点 (1)多终端开发调试便捷鸿蒙目前支持可以开发TV,wear ...
mysql8.0怎么样_MySQL8.0初体验
MySQL8.0的官方社区开源版出来有段时间了,而percona的8.0版本还没有正式对外发布(已发布测试版),一直以来也没安装体验下这个号称质的飞跃的版本,今天正好有些时间就下了安装体验体验. 一. ...

来一起学习一下vue3.0 初体验---comeon

vue3.0 初体验

第一步创建项目

第二步对vue项目进行升级

接下来你就可以尽情的开发啊

来一起学习一下vue3.0 初体验---comeon相关推荐

最新文章

热门文章