vue3学习(1)

1:在Vite项目中,index.html是项目入口文件,在项目最外层。vite创建项目(npm init vue@latest)
2:加载index.html后,Vite解析指向的javascript。
3:vue3中通过createApp函数创建一个应用实例。
4:setup是vue3的一个新的配置项,值是一个函数,组件中所用到的:数据,方法,计算属性,监视等等,均需配置在setup中。
特点
setup函数中返回的对象内容,可直接在模板中使用。
setup中的this为undefined。
setup的执行时机在beforeCreate之前。
5:setup和data/methods的关系是:setup不能读取data中的数据,但是data可以读取setup中的内容
6:setup语法糖(不用写return)


setup的返回值还可以是一个函数,然后可以直接覆盖模版的内容


7:使用插件设置组件的名字
第一步:安装

npm install vite-plugin-vue-setup-extend

第二步:在vite.config.ts中配置

import vuePluginsetupExtend from 'vite-plugin-vue-setup-extend'
...
plugins:[vuePluginsetupExtend()]
其他

使用npm install -g pnpm的时候报错

2024-12-9 10:40:08

知识

双系统(Windows系统与黑苹果系统)的安装步骤

2024-12-11 13:27:40

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
搜索