快捷搜索:  汽车  科技

vuejs最详细教程第92讲技术,零基础手把手玩vue3.0

vuejs最详细教程第92讲技术,零基础手把手玩vue3.0npm install vue-router@4这几个警告看的很不爽,每次install都冒出来,这里解决下:1、引入route4首先,需要了解的一个很重要的概念就是路由,路由可以理解为我们常说的菜单,后面的项目中我们将使用vue官方推荐的路由机制,使用Vue Router(官网教程地址:https://next.router.vuejs.org/zh/guide/),一贯原则,官网的东西就不照搬了,都是中文,相信大家应该都看的明白。其次,还有一个内容就是状态管理,我们知道http协议是无状态的,但很多页面数据是需要共享的:Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化;基础概念读读官网就明白了,我们只需要知道使用Vuex可以达到我们状态管理的目的就行了,官网地址:https://v

零基础手把手玩vue3.0 element net5(一)

零基础手把手玩vue3.0 element net5(二)

零基础手把手玩vue3.0 element net5(三)

前面介绍了vue项目的基本结构,那现在就开始撸个自己的前端页面吧。

首先,需要了解的一个很重要的概念就是路由,路由可以理解为我们常说的菜单,后面的项目中我们将使用vue官方推荐的路由机制,使用Vue Router(官网教程地址:https://next.router.vuejs.org/zh/guide/),一贯原则,官网的东西就不照搬了,都是中文,相信大家应该都看的明白。

其次,还有一个内容就是状态管理,我们知道http协议是无状态的,但很多页面数据是需要共享的:Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化;基础概念读读官网就明白了,我们只需要知道使用Vuex可以达到我们状态管理的目的就行了,官网地址:https://vuex.vuejs.org/zh/installation.html。

废话不多说,开始撸代码:

1、引入route4

npm install vue-router@4

vuejs最详细教程第92讲技术,零基础手把手玩vue3.0(1)

这几个警告看的很不爽,每次install都冒出来,这里解决下:

①npm WARN wsonlinetool@0.0.0 No repository field.

这是因为删除node_modules文件,导致之前与代码仓库的联系消失,把项目设置为私有即可,在package.json中添加:"private":true

设置私有之后,npm WARN wsonlinetool@0.0.0 No license field.,这个警告也没有了,私有项目不需要指定开源协议;如果你的项目是公有的,即放在了github上,配置上github地址即可:

// package.json { "repository": { "type": "git" "url": "http://github.com/yourname/repositoryname.git" } }

②npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@2.3.2 (node_modules\fsevents):

fsevent是mac系统的,在win或者Linux下使用了,所以会有警告,忽略即可。fsevent的作用是能够检测文件目录的修改,可以记录恶意软件的非法操作,获取恶意软件的完整路径,删除和修改日期。

忽略吧,找了下没什么办法消除,每次npm install时候还是会提示。

2、在正式使用路由之前,我们先引入element-plus,不然路由指向的页面基本组件都不能使用

官网:https://element-plus.gitee.io/#/zh-CN/component/installation;

一样,安装直接对照着官网来就行

npm install element-plus --save

修改发布,一直提示:修改篇幅过大 建议减少修改篇幅;分两篇发吧

猜您喜欢: