Vue教程 第3页
Vue教程

02——认识vue单页面代码书写规范

02——认识vue单页面代码书写规范-智码星河
单页面组件,其实本质就是一个网页,只不过在vue里叫做 组件(目前大概可以理解为用vue写的页面都是组件)为什么叫组件: 因为在vue中,一个网页是由N多个组件组成的(组成页面的原件) 和...
青栀的头像-智码星河青栀7个月前
01097

创建vue3(npm create vue@latest)

创建vue3(npm create vue@latest)-智码星河
1.桌面右键选择终端打开,输入npm create vue@latest 2.可能会出现报错: 其实是node版本不对 node的多版本管理中, 使用命令nvm list查看多个node版本 再使用nvm use 版本号切换版本 3.创建并...
青栀的头像-智码星河青栀6个月前
01168

项目05——Vue项目之页面跳转(路由)

项目05——Vue项目之页面跳转(路由)-智码星河
任何一个应用一定会有页面跳转(切换),以前是用a标签来跳转的,但a标签会刷新页面,不能实现局部跳转。 在vue中,我们不会再使用a标签跳转了,vue提供了路由(router),他就是用来跳转页面的...
青栀的头像-智码星河青栀7个月前
09114

Vue前置导航守卫

Vue前置导航守卫-智码星河
前置路由守卫常用于项目在未登录时的跳转判断,不管是vue2还是vue3都是一样的用法,没有多少改变,路由守卫有好几种,写法也有几种,以下是最简单且最常用的一种。 判断用户是否登录需要在 ...
青栀的头像-智码星河青栀5个月前
010013

03——插值表达式

03——插值表达式-智码星河
Vue里面的插值表达式(双花括号{{   }})是用来输出data数据的,定义在data里面的数据,可以使用插值表达式来输出:例如:{{ msg }} 基本用法: 例如data里有一个数据msg: data() { return {...
青栀的头像-智码星河青栀7个月前
08215

项目01——vue 脚手架创建项目文件夹

项目01——vue 脚手架创建项目文件夹-智码星河
之前说的都是vue的基础知识,学会这些基础知识之后,就要开始写一个真正的应用(网站/系统)了。写项目,不是和以前写原生js项目那样自己建文件夹(html,css,js)。vue提供了专门写项目的文件...
青栀的头像-智码星河青栀6个月前
09115