vue 3.0 教程
vue 2.0 过渡到 vue 3.0
杨一鸣d
一个莫的感情的程序员
展开
-
vue3.0 reactive
vue3.0 reactive变量声明vue3.0声明变量和以前是完全不一样的我们需要先导入vue的一个函数 reactiveimport { reactive } from 'vue'然后在setup中声明该变量例如说我们声明一个声明一个非引用数据类型let age=reactive(10)声明一个引用数据类型 let age=reactive(10) let person=reactive({ age:10, name:"红红"原创 2020-12-23 11:44:49 · 256 阅读 · 0 评论 -
vue3.0 setup
vue3.0 setupsetup是啥?setup是vue3.0 组件的一个方法,该方法会在beforecreate 和 create之前调用,我们需要重写他setup可以干嘛vue3.0 的data,watch,computed等等以后可以都放在setup里面,大大的提升了开发效率setup的this是什么undefind,vue3.0将少量使用this,之后会详解为什么setup测试<template><div>1</div></tem原创 2020-12-23 11:23:12 · 232 阅读 · 0 评论 -
vue3.0 main.js
main.js 改变//vue 3.0import { createApp } from 'vue'import App from './App.vue'createApp(App).mount('#app')//vue2.0import vue from "./vue"new vue( ......)我们发现,创建vue实例由类变成了对象createApp是vue3提供的方法,只需要传入组件,即可生成vue实例启动项目看看吧!cmd <===> np原创 2020-12-23 11:14:22 · 1485 阅读 · 0 评论 -
vue3.0新项目目录结构
新目录结构//src和以前没什么大的变化原创 2020-12-23 11:08:00 · 436 阅读 · 0 评论 -
创建vue3.0 项目
创建vue3.0 项目安装nodejs,并确保有npm工具npm -v安装vue/cli工具,如果有升级到最新版npm install @vue/cli -g3.创建项目vue create 项目名选择第二个,回车,创建最新版本的vue3项目4.等待创建完成...原创 2020-12-23 11:03:59 · 122 阅读 · 0 评论 -
vue 3.0 简介
vue 3.0 简介亮点性能优化vue3 打包时将会删除工程(nodu_modules)所有未使用的包全新的语法糖,改变了vue2的大部分声明其余的不一一介绍,可以自行百度课程本套课程主要会通过代码解释 vue 3.0和 vue2的差别...原创 2020-12-20 01:48:26 · 215 阅读 · 3 评论