随笔分类 - Vue
包含各种前端实例化
摘要：sass版本太高导致 TypeError: this.getOptions is not a function at Object.loader 1.将原来的sass删除，核心原因是新版本的对getOptions中的方法不兼容： var _getSassOptions = _interopRequi
阅读全文
摘要：Vue使用cookie和session 一：cookie和session 为了防止数据运输或存储终端，特地设置了cookie和session，他们其实都是将数据存储当地。 cookie数据保存在客户端，session数据保存在服务器端 所以一般session的使用会比cookie的使用会更加安全，
阅读全文
摘要：基于命令行方式手动安装 // 导入组件库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-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:"#
阅读全文
浙公网安备 33010602011771号