随笔分类 -  前端 / Vue

Vue3的使用
摘要：创建Vue3项目 方式一： 使用vue-cli：vue的脚手架 >创建vue项目 >构建vue项目 >前端工具链 创建方式还是和之前一样，Vue版本要选择Vue3的版本 方式二： 使用vite创建： vite：https://cn.vitejs.dev/ ：npm create vue@latest 阅读全文
posted @ 2023-10-08 18:57 Way*yy 阅读(129) 评论(0) 推荐(0)
Vue-router、localStorange
摘要：Vue-Router的使用 作用： 借助于router可以实现单页面组件之间的跳转 this.router的一些使用方法： this.$router.push(path): 相当于点击路由链接(可以返回到当前路由界面) this.$router.replace(path): 用新路由替换当前路由(不 阅读全文
posted @ 2023-10-08 18:56 Way*yy 阅读(82) 评论(0) 推荐(0)
Vue项目的使用
摘要：解析Vue项目 // 1 为什么浏览器中访问某个地址，会显示某个页面组件 -根组件：App.Vue必须是： <template> <div id="app"> <router-view></router-view> </div> </template> -配置路由： // 先导入 import ya 阅读全文
posted @ 2023-10-08 18:56 Way*yy 阅读(52) 评论(0) 推荐(0)
Vue - Vue之动态组件、插槽、项目的创建
摘要：动态组件 // 关键字： component // 使用方法： <component :is="who"></component> // component标签的is属性等于组件名字，这里就会显示这个组件 <!DOCTYPE html> <html lang="en"> <head> <meta c 阅读全文
posted @ 2023-09-22 12:37 Way*yy 阅读(106) 评论(0) 推荐(0)
Vue - Vue项目的使用
摘要：解析Vue项目 // 1 为什么浏览器中访问某个地址，会显示某个页面组件 -根组件：App.Vue必须是： <template> <div id="app"> <router-view></router-view> </div> </template> -配置路由： // 先导入 import ya 阅读全文
posted @ 2023-09-22 12:37 Way*yy 阅读(44) 评论(0) 推荐(0)
Vue - Vue的请求方式、计算属性、监听、ref
摘要：与后端交互的三种方式 // 后端接口写好了，前后端分离的项目，前端如何与后端进行交互？ 前后端要打通 >从前端发送Ajax请求 >核心：使用JavaScript发送HTTP请求，接受返回的数据 -使用原生JS，可以开启Ajax，但是使用原生JS，比较麻烦，需要做浏览器兼容，现在基本不使用 -jQue 阅读全文
posted @ 2023-09-22 12:36 Way*yy 阅读(110) 评论(0) 推荐(0)
Vue - Vue介绍
摘要：前端介绍 1 HTML(5)、CSS(3)、JavaScript(ES5、ES6、ES11)：编写一个个的页面 -> 给后端(PHP、Python、Go、Java) -> 后端嵌入模板语法 -> 后端渲染完数据 -> 返回数据给前端 -> 在浏览器中查看 2 Ajax的出现 -> 后台发送异步请求， 阅读全文
posted @ 2023-09-22 12:36 Way*yy 阅读(63) 评论(0) 推荐(0)
Vue - Vue 基础知识
摘要：模版语法 <body> <div id="app1"> <h1>模版语法</h1> <p>渲染字符串， 姓名：{{ name }}</p> <p>渲染字符串， 年龄：{{ age }}</p> <p>渲染数组类型， >：{{ list1 }}</p> <p>渲染数组类型按照索引取值， >：{{ li 阅读全文
posted @ 2023-09-22 12:36 Way*yy 阅读(70) 评论(0) 推荐(0)
Vue - Vue语法使用
摘要：JS循环方式 JS循环方式 // 方式一: js循环 >for（） >基于索引的循环 let i = 0 for (; i < 10;) { console.log(i) i++ } let list = [1, 2, 3, 4, 5, 6, 7, 8] for (let j = 0; j < li 阅读全文
posted @ 2023-09-22 12:36 Way*yy 阅读(60) 评论(0) 推荐(0)