摘要：
信息学院本科生创新项目总结报告 韩晓鹏 一、 研究目的与意义 在初步学习完html，css，javascript前端三大件之后，拥有了一定的网页编程基础，为了更好的实现前端对页面的布局以及需求，基于vue框架等技术实现一个简单的至少实现用户的登录，注册，以及用户信息的修改的前端优美界面，该框架具有良 阅读全文
摘要：
基于命令行方式手动安装 // 导入组件库import ElementUI from ‘element-ui’;// 导入组件相关样式import ‘element-ui/lib/theme-chalk/index.css’;// 配置 Vue 插件Vue.use(ElementUI); 基于图形化界 阅读全文
摘要：
fastmock接口管理 进入项目后，项目详情页面会展示当前项目的基本信息和项目下的接口列表，为创建接口时，和创建项目一样，可以点击页面中间的创建按钮和右上角的加号创建接口。 接口的录入分为两个区域。 左边是接口的基本信息录入区域，字段说明如下 接口名：接口的名称(如：获取xxx列表)。这个名称可以 阅读全文
摘要：
Mock安装与使用 Node (CommonJS) # 安装 npm install mockjs // 使用 Mock var Mock = require('mockjs') var data = Mock.mock({ // 属性 list 的值是一个数组，其中含有 1 到 10 个元素 'l 阅读全文
摘要：
数据模板定义 String 'name|min-max': string Data Template Mock.mock({ "string|1-10": "★"}) Result { "string": "★★★"} 'name|count': string Data Template Mock. 阅读全文
摘要：
在组件中使用 $route 会使之与其对应路由形成高度耦合，从而使组件只能在某些特定的 URL 上使用，限制了其灵活性。 使用 props 将组件和路由解耦： 取代与 $route 的耦合 const User = { template: '<div>User {{ $route.params.id 阅读全文
摘要：
axios拦截器与vue代理设置 拦截器：也就是对请求的信息进行粗加工（双向请求） 一：axios操作： GET请求： //1.最简单的请求： new Vue({ el: '#app', data () { return { info: null } }, mounted () { axios .g 阅读全文
摘要：
Sass使用方法： 一：变量声明： $nav-color: #F90; nav { $width: 100px; width: $width; color: $nav-color; } //编译后 nav { width: 100px; color: #F90; } 二：变量引用： $highlig 阅读全文
摘要：
Vue-less： 一：简介： Less （Leaner Style Sheets 的缩写） 是一门向后兼容的 CSS 扩展语言。这里呈现的是 Less 的官方文档（中文版），包含了 Less 语言以及利用 JavaScript 开发的用于将 Less 样式转换成 CSS 样式的 Less.js 工 阅读全文
摘要：
Vue-cli可视化： 一：安装Vue-cli自动化工具： 1. 任一命令安装这个新的包 npm install -g @vue/cli # OR yarn global add @vue/cli 2. 你还可以用这个命令来检查其版本是否正确： vue --version 二：创建vue-cli项目 阅读全文
摘要：
Vue_组件及其注册： 基本示例 这里有一个 Vue 组件的示例： <div id="components-demo"> <button-counter></button-counter> </div> new Vue({ el: '#components-demo' }) // 定义一个名为 阅读全文
摘要：
Vue_过渡样式：transition 在下列情形中，可以给任何元素和组件添加进入/离开过渡 条件渲染 (使用 v-if) 条件展示 (使用 v-show) 动态组件 组件根节点 eg： <div id="demo"> <button v-on:click="show = !show"> Toggl 阅读全文
摘要：
<div id="app"> <h1>{{fullname}}</h1> <h1>{{emptyname}}</h1> <h2>{{he}}</h2> <h1>{{word}}</h1> <h2>{{reverse_word}}</h2> </div> <script type="text/java 阅读全文
摘要：
Vue基础语法_模板 一：一次插值：v-once 插入之后不可以修改 <div v-once>{{msg}}</div> 二：插入html原生代码：v-html <div v-html="msg"></div> //使用v-html直接在div中间插入 三：绑定动态属性（随时修改div中的id或者其 阅读全文
摘要：
vue基础语法_条件渲染： 一：动态添加data信息和methods方法/事件： 1.添加data信息： <div id="app"> {{data1}} </div> <script type="text/javascript"> let application=new Vue({ el:"# 阅读全文