vue-前后端分离
vue-前后端分离
文文鑫
这个作者很懒,什么都没留下…
展开
-
Vue-vue的生命周期钩子函数
vue常用生命周期钩子函数:原创 2020-12-14 10:33:23 · 123 阅读 · 0 评论 -
Vue—Vue结合axios异步请求综合案例
1.前端<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="app"> <input type="text" v-model="name" @keyup.delete="shows" @keyup.enter原创 2020-12-14 09:59:06 · 217 阅读 · 0 评论 -
Vue-记事本综合案例
使用vue做的记事本综合案例,初步认识相关事件的使用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>记事本综合案例</title></head><body><div id="app"> <input type="text" v-model="msg"> &l原创 2020-12-11 20:46:18 · 745 阅读 · 0 评论 -
Vue—v-for与v-model的使用
1.v-for结合实例使用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="app"> <span>{{user.name}}{{user.age}}</span> <hr&原创 2020-12-11 20:14:41 · 2545 阅读 · 0 评论 -
Vue—v-if+v-show+v-bind的使用
<!DOCTYPE html><html lang="en" xmlns:v-on="http://www.w3.org/1999/xhtml" xmlns:v-bind="http://www.w3.org/1999/xhtml"><head> <meta charset="UTF-8"> <title>vue事件绑定</title></head><body><div id="原创 2020-12-11 17:19:06 · 324 阅读 · 1 评论 -
Vue-vue中事件的定义和使用
1.vue中事件的基础定义与使用(结合案例分析)在vue中事件定义存在两种方法:a.函数名:function(){}b.函数名(){}<!DOCTYPE html><html lang="en" xmlns:v-on="http://www.w3.org/1999/xhtml"><head> <meta charset="UTF-8"> <title>vue事件绑定</title></head>原创 2020-12-11 16:04:39 · 698 阅读 · 0 评论 -
Vue-v-text和v-html的使用
1.v-text:用来获取data中数据将数据已文本的形式渲染到指定标签内部,类似于javascript中的innerText{{}}(插值表达式)与v-text的区别:a.v-tetx取值会将标签中原有的数据覆盖,使用插值表达式不会覆盖标签原有的数据b.使用v-text可以避免在网络环境比较差的情况下出现插值闪烁<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">原创 2020-12-11 13:59:29 · 1449 阅读 · 0 评论 -
Vue-data定义对象,数组,其他数据类型
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vue-del属性的用法</title></head><body><div id="app">{{ msg+','+username }} <h1> 学生1姓名:{{ userlist[0].name }原创 2020-12-11 13:13:26 · 13023 阅读 · 0 评论 -
Vue-vue基础快速入门
1.认识vueVue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框架。Vue 只关注视图层, 采用自底向上增量开发的设计。Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。Vue 学习起来非常简单,本教程基于 Vue 2.1.8 版本测试。2.下载vue官方网站:https://cn.vuejs.org/开发版本(推荐):<script src="https://cdn.jsdelivr.net/npm/vue/dist/v原创 2020-12-11 12:38:28 · 487 阅读 · 1 评论