Vue
文章平均质量分 93
Vue.js
萌宅鹿同学
目前在百度工作
展开
-
Vue 学习笔记(1) Vue 基础语法 + Axios 基本使用
Vue下载 VueVue 入门下载 Vue开发版本:<!-- 开发环境版本,包含了有帮助的命令行警告 --><script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>生产版本:<!-- 生产环境版本,优化了尺寸和速度 --><script src="https://cdn.jsdelivr.net/npm/vue"></script>Vue原创 2020-05-11 00:54:44 · 3261 阅读 · 3 评论 -
Vue 脚手架结合 SpringBoot 构建前后端分离入门项目(实现增删改查)
Vue 脚手架构建前后端分离项目项目简介数据库建表切换路由组件中监听路由的变化GitHub:待定。项目简介这是一个 Vue 结合 SpringBoot 实现 前后端分离 的入门项目;数据库建表建立一个数据库:vue然后建立数据库表:create table t_user( id int(6) primary key auto_increment, name varchar(40), age int(3), bir TIMESTAMP)切换路由使用 this.$router原创 2020-06-28 23:32:46 · 3113 阅读 · 1 评论 -
Vue 学习笔记(3)路由的基本使用 结合 SpringBoot
Vue 中的路由(VueRouter)路由的基本使用router-link 使用默认路由路由中参数的传递传统方式传递参数restful 方式传递参数完整示例嵌套路由Vue 笔记目录路由:根据请求的路径按照一定的路由规则进行请求的转发从而实现统一请求的管理;路由的作用:用来在 Vue 中实现 组件之间的动态切换;在项目中使用路由:<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script><原创 2020-06-27 22:00:55 · 1360 阅读 · 0 评论 -
Vue 学习笔记(4)Vue-cli4 项目搭建 + 目录结构 + 项目打包、部署
VueCLI 脚手架Vue CLI 介绍Vue CLI 安装Node.js 环境准备安装 Vue 脚手架第一个 Vue 脚手架项目命令创建项目图形化界面创建项目Vue笔记目录Vue CLI 介绍CLI是什么?命令行界面(英语:command-line interface,缩写:CLI)是在图形用户界面得到普及之前使用最为广泛的用户界面,它通常不支持鼠标,用户通过键盘输入指令,计算机接收到指令后,予以执行。也有人称之为字符用户界面(CUI)。Vue CLI 是什么?Vue CLI 是一个基原创 2020-06-28 09:35:33 · 6308 阅读 · 1 评论 -
Vue 学习笔记(2)Vue 生命周期、组件
VueVue 生命周期Vue中组件(Component)全局组件的开发局部组件的开发组件中Prop的使用在组件上声明静态数据传递给组件内部在组件上声明动态数据传递给组件内部prop的单向数据流组件中定义数据和事件使用组件中定义属于组件的数据Vue 生命周期生命周期钩子 ====> 生命周期函数<!DOCTYPE html><html lang="en" xmlns:v-on="http://www.w3.org/1999/xhtml"><head>原创 2020-05-13 00:07:14 · 1622 阅读 · 0 评论 -
【Vue.js 知识量化】组件化开发 + 前端模块化
Vue.js 组件化开发组件化认识组件化注册组件全局组件和局部组件父子组件视频:王红元老师的Vue内容概述:认识组件化注册组件组件其他补充组件数据存放父子组件通信父级向子级传递子级向父级传递插槽slot组件化认识组件化我们将一个完整的页面分成很多个组件:每个组件都用于实现页面的一个功能块而每一个组件又可以进行细分Vue 组件化思想:组件化是 Vue.js 中的重要思想,它提供了一种抽象,让我们可以开发出一个个独立可复用的小组件来构造我们的应用任何的应用都原创 2021-07-19 19:37:03 · 1541 阅读 · 7 评论 -
【Vue.js 知识量化】Vuex 详解
Vuex 详解Vuex 是什么单界面的状态管理多界面状态管理Vuex 基本使用Vuex 核心概念 - StateGettersMutationActionModuleVuex 官网:https://next.vuex.vuejs.org/zh/index.htmlVuex 是什么官方解释:Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到了 Vue 的官方调试工具原创 2021-07-22 20:40:10 · 206 阅读 · 0 评论 -
【Vue.js 知识量化】Promise
Promise认识 Promise定时器的异步事件Promise 基本使用Promise 三种状态Promise 链式调用认识 PromisePromise 是异步编程的一种解决方案,为了解决 回调地狱。回调地狱:考虑下面的场景我们需要通过一个 url1 从服务器加载一个数据 data1,data1 中包含了下一个请求的 url2我们需要通过 data1 取出 url2,从服务器加载数据 data2,data2 中包含了下一个请求的 url3我们需要通过 data2 取出 url3,从服务器原创 2021-07-21 20:08:13 · 351 阅读 · 4 评论 -
【Vue.js 知识量化】基础语法
Vue.js 基础语法Vue.js 安装插值操作Mustache:将 data 中的文本数据插入到 HTMLv-once:使元素和组件只渲染一次v-html:解析 HTML 并展示v-text:用于将数据显示在界面中v-pre:跳过这个元素和它子元素的编译过程,用于显示原本的 Mustache 语法v-cloak:可用于隐藏未编译的 Mustache 标签绑定属性v-bind 基础、语法糖v-bind 绑定 classv-bind 绑定 style计算属性计算属性的 setter 和 getter计算属性原创 2021-07-16 15:14:56 · 203 阅读 · 1 评论 -
【Vue.js 知识量化】ES6 语法积累
ES6 语法let / varconst 的使用对象增强写法let / var事实上 var 的设计可以看成 JavaScript 语言设计上的错误,这种错误多半不能修复和移除,因为需要向后兼容大概十年前,Brendan Eich 就决定修复这个问题。于是他添加了一个新的关键字 let我们可以将 let 看成更完美的 var块级作用域:JS 中使用 var 来声明一个变量时,变量的作用域主要是和函数的定义有关针对于其他块定义来说是没有作用域的,比如 if / for 等,这在开发中往原创 2021-07-20 20:03:56 · 1162 阅读 · 6 评论 -
【Vue.js 知识量化】vue-router 详解
vue-router 详解认识路由内容概述:认识路由vue-router基本使用vue-router嵌套路由vue-router参数传递vue-router导航守卫keep-alive认识路由原创 2021-07-21 11:28:41 · 427 阅读 · 0 评论