【TypeScript】JSX 元素隐式具有类型 “any“，因为不存在接口 “JSX.IntrinsicElements“。ts(7026) { "compilerOptions": { "jsx": "preserve", "jsxImportSource": "vue", // … } }…

1. 初始化项目 vue3 推荐使用 vite 进行项目构建，vite 官方中文文档参考：cn.vitejs.dev/guide/ 另外包管理工具推荐 pnmp，其号称高性能的 npm。pnmp 由 npm/yarn 衍生而来，解决了 npm/yarn 内部潜在的 bug，极大的优化了性能，扩展了使用场景。 pnpm 安装： npm i -g pnpm 项目初始化： pnpm create vit…

1. 简介 Vuex 是一个 Vue 的状态管理工具，状态就是数据。它的使用场景是多个组件共同维护一份数据（如购物车），或者多个组件使用同一个状态（个人信息）。 其实就是集中式的管理数据，如下图所示： 官方文档：https://vuex.vuejs.org/zh/ 2. 基本使用 vue2 中使用 vuex 分为以下几个步骤： 安装 vuex 引入 vuex 注册 vuex 插件 创建 Vuex …

1. 简介 vue-router 是官方提供的路由插件。Vue 中的路由其实就是路径和组件之间的对应关系，因为 vue 是单页应用类网站，所以创建的网站都在一个页面中。当需要展示不同的内容时，就需要通过修改浏览器的访问路径，来达到根据路径展示不同组件的目的。 官方文档：https://router.vuejs.org/zh/ 可以使用 <router-link> 组件进行导航，使用 &…

一、项目结构和入口 1. 创建vue项目 # 1. 安装vue-cli npm install -g vue-cli # 2. 创建vue项目 vue init webpack demo_vue2 # 接下来会提示输入项目名称、描述等等 (node:12404) [DEP0040] DeprecationWarning: The `punycode` module is deprecated. P…