![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 87
@jiangxiao
我分享的博客,都是看网络视频写的博客,或者参考其它人的博客的引用,只为了自己容易回忆知识点
展开
-
Vue3快
Vue3快一、创建Vue3工程1.使用vue-cli创建## 查看@vue/cli版本,确保@vue/cli版本在4.5.0以上vue --version## 安装或者升级你的@vue/clinpm install -g @vue/cli## 创建vue create vue_test## 启动cd vue_testnpm run serve2.使用vite创建## 创建工程$ yarn create vite <project-name> --template v原创 2022-04-17 21:20:05 · 394 阅读 · 0 评论 -
vue-router
vue-router一、简述理解: 一个路由(route)就是一组映射关系(key - value),多个路由需要路由器(router)进行管理。前端路由:key是路径,value是组件。安装vue-router// vue2.x == vue-router 3.x vue3.x ==> vue-router 4.xyarn add vue-router二、基本路由1.基本使用main.js文件中配置import VueRouter from 'vue-router'im原创 2022-04-16 09:52:01 · 782 阅读 · 0 评论 -
Vuex基本使用
Vuex一、简介在Vue中实现集中式状态(数据)管理的一个Vue插件,对vue应用中多个组件的共享状态进行集中式的管理(读/写),也是一种组件间通信的方式,且适用于任意组件间通信。原理图:安装:// vue2 ==> vuex3.x vue3 ==> vue4.xyarn add vuex@3二、Vuex的环境搭建1.创建文件:src/store/index.jsimport Vuex from 'vuex';import Vue from 'vue'// ac原创 2022-04-13 18:56:36 · 986 阅读 · 0 评论 -
Vue2脚手架创建项目
Vue2脚手架创建项目一、使用脚手架1.安装 @vue/cli 简述 cli ===> command line interface (命令行接口)// 安装 npm install -g @vue/cli # OR yarn global add @vue/cli// 升级 npm update -g @vue/cli # OR yarn global upgrade --latest @vue/cli// 版本查看 vue --原创 2022-04-11 23:03:42 · 4455 阅读 · 0 评论 -
Vue2基础(CDN方式)
Vue2基础(CDN方式)一、环境搭建1.Vue的引入<script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.13/vue.js"></script>2.安装vue Devtools(v2)3.关闭cdn开发模式提示tip:关闭提示编码:使用了Vue的全局配置对象,更多配置请参考:API — Vue.js (vuejs.org)Vue.config.productionTip = false;二、Vue基原创 2022-04-10 11:25:20 · 11461 阅读 · 0 评论