上一页 1 2 3 4 5 6 7 ··· 10 下一页
摘要: Mock安装与使用 Node (CommonJS) # 安装 npm install mockjs // 使用 Mock var Mock = require('mockjs') var data = Mock.mock({ // 属性 list 的值是一个数组,其中含有 1 到 10 个元素 'l 阅读全文
posted @ 2021-03-23 21:10 焕不涣 阅读(345) 评论(0) 推荐(0) 编辑
摘要: 数据模板定义 String 'name|min-max': string Data Template Mock.mock({ "string|1-10": "★"}) Result { "string": "★★★"} 'name|count': string Data Template Mock. 阅读全文
posted @ 2021-03-23 20:20 焕不涣 阅读(1090) 评论(0) 推荐(0) 编辑
摘要: 在组件中使用 $route 会使之与其对应路由形成高度耦合,从而使组件只能在某些特定的 URL 上使用,限制了其灵活性。 使用 props 将组件和路由解耦: 取代与 $route 的耦合 const User = { template: '<div>User {{ $route.params.id 阅读全文
posted @ 2021-03-23 20:15 焕不涣 阅读(151) 评论(0) 推荐(0) 编辑
摘要: axios拦截器与vue代理设置 拦截器:也就是对请求的信息进行粗加工(双向请求) 一:axios操作: GET请求: //1.最简单的请求: new Vue({ el: '#app', data () { return { info: null } }, mounted () { axios .g 阅读全文
posted @ 2021-03-23 20:13 焕不涣 阅读(426) 评论(0) 推荐(0) 编辑
摘要: Sass使用方法: 一:变量声明: $nav-color: #F90; nav { $width: 100px; width: $width; color: $nav-color; } //编译后 nav { width: 100px; color: #F90; } 二:变量引用: $highlig 阅读全文
posted @ 2021-03-23 20:11 焕不涣 阅读(103) 评论(0) 推荐(0) 编辑
摘要: Vue-less: 一:简介: Less (Leaner Style Sheets 的缩写) 是一门向后兼容的 CSS 扩展语言。这里呈现的是 Less 的官方文档(中文版),包含了 Less 语言以及利用 JavaScript 开发的用于将 Less 样式转换成 CSS 样式的 Less.js 工 阅读全文
posted @ 2021-03-23 19:41 焕不涣 阅读(230) 评论(0) 推荐(0) 编辑
摘要: Vue-cli可视化: 一:安装Vue-cli自动化工具: 1. 任一命令安装这个新的包 npm install -g @vue/cli # OR yarn global add @vue/cli 2. 你还可以用这个命令来检查其版本是否正确: vue --version 二:创建vue-cli项目 阅读全文
posted @ 2021-03-23 19:36 焕不涣 阅读(43) 评论(0) 推荐(0) 编辑
摘要: Vue_组件及其注册: 基本示例 这里有一个 Vue 组件的示例: <div id="components-demo"> <button-counter></button-counter> </div> new Vue({ el: '#components-demo' }) ​ // 定义一个名为 阅读全文
posted @ 2021-03-23 19:33 焕不涣 阅读(33) 评论(0) 推荐(0) 编辑
摘要: Vue_过渡样式:transition 在下列情形中,可以给任何元素和组件添加进入/离开过渡 条件渲染 (使用 v-if) 条件展示 (使用 v-show) 动态组件 组件根节点 eg: <div id="demo"> <button v-on:click="show = !show"> Toggl 阅读全文
posted @ 2021-03-23 19:31 焕不涣 阅读(199) 评论(0) 推荐(0) 编辑
摘要: <div id="app"> <h1>{{fullname}}</h1> <h1>{{emptyname}}</h1> <h2>{{he}}</h2> <h1>{{word}}</h1> <h2>{{reverse_word}}</h2> </div> <script type="text/java 阅读全文
posted @ 2021-03-23 19:22 焕不涣 阅读(27) 评论(0) 推荐(0) 编辑
上一页 1 2 3 4 5 6 7 ··· 10 下一页