Vue 学习之路
文章平均质量分 90
学习Vue的一些笔记
lingchen0522
这个作者很懒,什么都没留下…
展开
-
Vue 学习笔记 -- 6. Vue3 快速上手
Vue 学习笔记 – 6. Vue3 快速上手6. Vue3 快速上手6.1 创建 Vue3 工程6.1.1 使用 vue-cli 创建官方文档## 查看@vue/cli版本,确保@vue/cli版本在4.5.0以上vue --versionvue -V## 安装或者升级你的@vue/clinpm install -g @vue/cli## 创建vue create vue_test## 启动cd vue_testnpm run serve6.1.2 使用 vite 创建原创 2021-12-30 12:30:00 · 253 阅读 · 0 评论 -
Vue 学习笔记 -- 5. vue-router
Vue 学习笔记 – 5. vue-router5. vue-router一个路由(route)就是一组映射关系(key - value),多个路由需要路由器(router)进行管理。前端路由:key是路径,value是组件。5.1 基本使用安装vue-router,命令:npm i vue-router引入并应用插件:import router from './router'Vue.use(vueRouter)编写router配置项:// 引入组件import原创 2021-12-29 12:00:00 · 235 阅读 · 0 评论 -
Vue 学习笔记 -- 4. Vuex
Vue 学习笔记 – 4. Vuex4. Vuex概念:专门在Vue 中实现集中式状态(数据)管理的一个Vue 插件,对vue 应用中多个组件的共享状态进行集中式的管理(读/写),也是一种组件间通信的方式,且适用于任意组件间通信。Github 地址传送门使用的场景:多个组件需要共享数据时。4.1 Vuex 与 全局事件总线对比4.2 vuex 原理4.3 搭建vuex环境创建文件,文件路径: src/store/index.js 。//引入Vue核心库impo原创 2021-12-28 13:30:00 · 201 阅读 · 0 评论 -
Vue 学习笔记 -- 3.Vue 中的 AJAX
Vue 学习笔记 – 3.Vue 中的 AJAX3.Vue 中的 AJAX3.1 vue脚手架配置代理3.1.1 方法一在vue.config.js 中添加如下配置:devServer:{ proxy:"http://localhost:5000"}说明:优点:配置简单,请求资源时直接发给前端(8080)即可。缺点:不能配置多个代理,不能灵活的控制请求是否走代理。工作方式:若按照上述配置代理,当请求了前端不存在的资源时,那么该请求会转发给服务器 (优先匹配前端资原创 2021-12-27 00:09:39 · 252 阅读 · 0 评论 -
Vue 学习笔记 -- 2. Vue 组件化编程与脚手架
Vue 学习笔记 – 2. Vue 组件化编程与脚手架2.1 组件与模块化模块向外提供特定功能的 js 程序,一般就是一个 js 文件。为什么:js 文件很多很复杂。作用:复用 js,简化 js 的编写,提高 js 的运行效率。模块:用来实现局部(特定)功能效果的代码集合(html/css/js/image……)。为什么:一个界面的功能很复杂。作用:复用编码,简化项目编码,提高运行效率。模块化:当应用中的 js 都以模块来编写,那这个应用就是一个模块化的应用。组件化:当原创 2021-12-26 00:45:48 · 648 阅读 · 0 评论 -
Vue 学习笔记 -- 1 Vue 核心
Vue 学习笔记原创 2021-12-24 00:14:23 · 579 阅读 · 0 评论