Vue3.0 全面探索 - 基于 Composition Api 快速构建实战项目

Quick Start
项目源码:https://github.com/Wscats/vue-cli
本项目综合运用了 Vue3.0 的新特性,适合新手学习

基于 Composition APIFunction-based API进行改造,配合Vue Cli,优先体验 Vue3特性
使用单例对象模式进行组件通信
使用 axios 库进行网络请求,weui 库实现 UI 界面

# 安装依赖
npm install
# 在浏览器打开localhost:8080查看页面,并实时热更新
npm run serve
# 发布项目
npm run build

建议配合 Visual Studio Code 和 Vue 3 Snippets 代码插件食用Ψ( ̄∀ ̄)Ψ。

Dependencies
以下是项目运用到的依赖,@vue/composition-api 配合 vue 模块让我们 Vue2.0 版本可以抢先体验 Vue3.0 的新特性,axios 是辅助我们发送网络请求得到数据的工具库,weui是一套与微信原生视觉一致的基础样式库,方便我们快速搭建项目页面。

"@vue/composition-api": "^0.3.4",
"axios": "^0.19.0",
"core-js": "^3.4.3",
"vue": "^2.6.10",
"weui": "^2.1.3"

├── src
│ ├── App.vue # 组件入口
│ ├── assets # 资源目录
│ ├── stores/index.js # 状态管理
│ ├── components # 组件目录
│ │ ├── Header.vue

你可能感兴趣的:(公众号文章,微信公众号,javascript入门学习,vue,java,python,react,js)