Vue.js
文章平均质量分 59
LSYHhhhh
github 链接 - https://github.com/Lin-SiYu
展开
-
Vue - 常用选项总结
目录一、创建Vue实例二、el :vue实例的挂载三、data:含有零个或多个的 key/value 对,进行数据传递三、methods:可以通过实例及表达式,进行调用的方法。四、computed:进行方法内的计算(实现一个变量依赖多个变量)1- 纯粹进行计算相关的操作2- 实现一个变量依赖于多个变量五、watch:监听变量,变量修改是触发方法(实现多个变量依赖于一...原创 2018-10-29 20:11:41 · 1509 阅读 · 0 评论 -
学习网站项目学习 - Django & Vue - 后台进行过滤操作,前端实现课程类别分页
目录一、实现思路总结1-1 实现样式1-2 前端发送分页数据和课程请求1-3 后台路由接收,执行视图函数1-4 序列化组件校验规则1-5 通用状态类1-6 返回前端的数据查询 1-7 前端获取数据并渲染页面二、前端代码三、表结构设计一、实现思路总结1-1 实现样式1-2 前端发送分页数据和课程请求1-3 后台路由接收,执行视图函数...原创 2018-12-25 18:51:24 · 636 阅读 · 0 评论 -
学习网站项目学习 - Django & Vue - 前端数据渲染、前端带参转跳
目录一、前端数据展示 二、前端带参跳转,后端获取参数 2-1 前端代码2-2 后端代码 2-3 前端展示三、路由跳转参数显示设置 一、前端数据展示思路总结:前端mounted 绑定方法,加载页面即发送数据请求到后端 后端接受请求处理,根据路由,执行视图函数。 实例化MyResponse对象,生成基于RESTful规范的数据字典 通过DRF序列化组件,...原创 2018-12-25 16:12:33 · 713 阅读 · 0 评论 -
Vue - Emement 组件库使用
目录一、安装 官网学习1-1 npm install element-ui1-2 main.js配置二、组件使用(复制粘贴)2-1 轮播图的使用2-1-1 后台图片链接传输2-1-2 前台获取数据和页面展示一、安装 官网学习1-1 npm install element-ui1-2 main.js配置import ElementUI from...原创 2018-12-24 17:02:46 · 1106 阅读 · 0 评论 -
学习网站项目学习 - 基于Django 和 Vue的前后端数据交互
目录一、前后端交互实现思路1-1 前端思路1-2 后端思路二、前端设计2-1 默认数据设置2-1-1 创建视图组件 DataTest.vue2-1-2 router.js 路由配置2-1-3 App.vue配置2-2 使用axios获取数据2-2-1 axios安装 - npm install axios2-2-2 main.js配置axios2-2...原创 2018-12-21 19:52:22 · 5153 阅读 · 2 评论 -
Vue - 学习网站项目学习 - VUE项目启动配置
目录一、安装1-1 vue-cli脚手架安装 安装教程1-2 npm安装后的环境配置二、3.0 Vue项目创建 - 空格选择,回车确定 三、PyCharm - vue高亮等插件(安装完后重启) 四、项目目录解析五、启动vue项目一、安装官方文档1-1 vue-cli脚手架安装 安装教程安装全局vue:npm install -g @vue/cli ...原创 2018-12-21 18:50:55 · 230 阅读 · 0 评论 -
Vue - 实现简单类数据存储效果(操作数组)
方式一 、使用vue实例进行数据传输实现<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title>todoList案例</title></head><bo原创 2018-10-30 21:00:50 · 1426 阅读 · 0 评论 -
Vue - 组件总结
目录一、组件概念二、根组件三、局部组件:根组件 components内绑定,只能在相应实例结构内使用。三、全局组件:在任意vue实例下都可调用四、组件之间的数据传递1 - 父组件 ->子组件(通过props建立联系绑定属性)2 - 子组件 -> 父组件(通过事件触发)Vue - API 查询一、组件概念组件与实例一一对应,创建一个实例等同于创建...原创 2018-10-30 19:35:30 · 307 阅读 · 0 评论 -
Vue - 指令总结
目录一、文本类指令1、v-text:元素的纯文本内容2、v-html:更新文本的html内容(结构+内容)3、v-once:一次性渲染文本(第一次赋予的值就是永久值,无法改动)4、效果实现二、防止页面加载闪烁的两种方式1- js加载位置改变(head内加载js文件)2- v-cloak :保持在元素上直到关联实例结束编译三、v-bind:动态地绑定一个或多个特...原创 2018-10-30 16:30:10 · 581 阅读 · 0 评论 -
学习网站项目学习 - Django & Vue - vuex状态管理器、vue-cookies对数据的存储
目录一、vuex的安装1-1 npm install vuex1-2 手动新建store.js1-3 确保mian,js内进行注册二、状态管理器的使用2-1 store.js内全局变量的获取获取方式:this.$store.state.全局变量名 - this.$store.state.name2-2 store.js内全局方法的使用:设置方式:mutation...原创 2018-12-25 20:13:04 · 703 阅读 · 0 评论