Vue2+Vue3 130~180集学习笔记

Vue2+Vue3 130~180集(Vue3)学习笔记

一、create-vue搭建vue3项目

create-vue是vue官方新的脚手架工具,底层切换到了vite
步骤:

  1. 查看环境条件
    node -v版本需要在16.0及以上
  2. 创建一个vue应用

npm init vue@latest

这一指令会安装并执行create-vue
Vue2+Vue3 130~180集学习笔记_第1张图片

二、项目目录和关键文件

  • index.html提供挂载点
  • src/assets图片、样式文件的目录
  • components封装的小组件
  • App.vue中
    template和script位置调换
    template中允许有多个根元素
    使用组件时不需要注册了,引入后直接就可以使用
  • main.js
    基于crate-vue创建实例
    通过mount设置挂载点

三、组合式API

1、setup选项

  1. 执行时机早于beforecreate
  2. setup函数中获取不到this(this是undefined的)
  3. 特点:可以提供数据也可以提供函数,但是都要return才能在模板中应用
    如何化简?

你可能感兴趣的:(学习,笔记,vue.js)