vue3学习之路: Vue2的API设计是Options选项式的（也叫配置式的）风格。 Vue3的API设计是Composition组合式的风格。。。。 Vue2中的数据，方法，计算属性是分散在：data,methods,computed中的，要想新增或者修改一个需求，就需要分别修改：data,methods,computed对应的数据【把东西都拆散了】不便于修改。 Vue3是把同属性的东西集中起来的，较为方便的修改 - 木兰确实

加入 Gitee

与超过 1200万开发者一起发现、参与优秀开源项目，私有仓库也完全免费：）

该仓库未声明开源许可证文件（LICENSE），使用请关注具体项目描述及其代码上游依赖。

克隆/下载

Merge branch 'master' of https://gitee.com ... 7a18f11

Vue3学习资料【尚硅谷】

Vue3模态框的触发键【点击按钮可以产生一个小窗口显示内容，且不影响当前窗口】

Vue3课程备份

vue3【图表】

初步配置的vue

竞赛管理系统模板（内含多个触发式模态框）

基于Vite创建一个新的Vue项目

Loading...

README

# vue学习之路

初始化生成的vue程序在vscode中打开的文件的介绍
components//组件【里面也是.vue,属于根组件App.vue上的分支】
App.vue//根组件
main.ts【里面的东西】//  _
```
**import './assets/main.css'

         import { createApp } from 'vue'//createApp是用来创建应用的【相当于花的花盆】
         import App from './App.vue'//App就是一个组件【相当于花的根】

         createApp(App).mount('#app')//[createApp(App)]creatApp创建一个前端应用，并且这个应用弄里面所有组件的根组件是App【把花的根放进花盆里】
                                     //[.mount('#app')]把'.'前面的东西挂载到名为“#app”的容器里面，这个容器的位置在index.html中【就是摆放花盆的位置】** 
```
_ 
.gitignore//用于删除临时文件
env.d.ts//作用是让.ts认识 .jpg,.txt等扩展名的文件，方便引用。否则无法引用
index.html//是程序执行的入口文件
package-lock.json和package.json//是包的管理文件或者被叫做包的依赖声明文件
README.md//就是简单的对工程的介绍【没什么用，可以删】
tsconfig.app.json和tsconfig.json和tsconfig.node.json//是.ts的配置文件【不能动，否则程序的执行会出问题】
vite.config.ts//是整个程序的配置文件【里面可以用于安装插件，配置代理】


介绍完了，里面就两个东西必不可少：【App.vue】和【main.ts】

Vue2的API设计是Options选项式的（也叫配置式的）风格。 Vue3的API设计是Composition组合式的风格。。。。 Vue2中的数据，方法，计算属性是分散在：data,methods,computed中的，要想新增或者修改一个需求，就需要分别修改：data,methods,computed对应的数据【把东西都拆散了】不便于修改。 Vue3是把同属性的东西集中起来的，较为方便的修改

取消

暂无发行版

马建仓 AI 助手

尝试更多

代码解读

代码找茬

代码优化