vue
cq-wangyong
记录所学;
不做框架的搬运工,学做框架的创造者
展开
-
vue插槽
vue插槽内容简单总结原创 2020-11-17 00:15:20 · 208 阅读 · 0 评论 -
vue2兼容ie10+
1.安装babel-polyfill:npm install babel-polyfill --save-dev2.在main.js中引入babel-polyfill:import'babel-polyfill'3.修改webpack.base.conf.js配置文件的入口配置entry: { app: ["babel-polyfill", "./src/main.js"],}原创 2020-07-28 00:15:33 · 1263 阅读 · 0 评论 -
vue加载前显示{{}}的解决办法
是因为在vue初始化之前,浏览器并不能识别{{}}这种写法,只会渲染成文本解决办法:1.添加v-cloak指令<div id="app" v-cloak></div><style> [v-cloak] { display: none; }</style>2.使用v-html或者v-text&l...原创 2019-11-05 13:29:55 · 1293 阅读 · 0 评论 -
axios上传文件
主要是用FormData对象的使用<template> <div class="cancelRequest"> <div>姓名:<input type="text" v-model="name"></div> <div>头像:<input type="file" ref="f...原创 2019-03-20 10:59:46 · 18973 阅读 · 4 评论 -
axios取消请求
有时候我们需要在输入框实时查询数据,但是由于是异步请求,有可能前面的请求结果会慢于后面的请求导致我们的请求结果错误,而且一直请求增加了网站负担,所以需要在连续输入时取消前面的请求,只请求最后一次<template> <div class="cancelRequest"> <input type="text" v-model="value"...原创 2019-03-20 10:50:33 · 664 阅读 · 0 评论 -
vue图片懒加载 vue-lazyload
1.安装 npm install vue-lazyload --sava--dev2.main.js引用 import lazyload from 'vue-lazyload'vue.use('lazyload',{ error:'./static/error.png', loading:'./static/loading.png'})3.页面使用v-lazy属性<img v...原创 2018-05-25 15:06:34 · 638 阅读 · 1 评论 -
vue-router
原创 2018-05-21 01:00:54 · 117 阅读 · 0 评论 -
项目记录
1.模块懒加载写法const Province = r => require.ensure([], () => r(require('@/components/Province.vue')), 'chunkname1')分模块打包需要下面这样使用 webpack的 require.ensure,并且在最后加入一个 chunk名,相同 chunk名字的模块将会打包到一起2。// 使用对象...原创 2018-05-11 14:09:55 · 206 阅读 · 0 评论 -
vuex
1.npm install vuex --save2.在main.js中引用 import vuex from 'vuex' Vue.use(vuex) const store=new Vuex.Store({ state:{ count:0 }, mutations:{ increment(s...原创 2018-05-04 21:52:51 · 223 阅读 · 0 评论 -
vue+mock.js
1.安装mock npm install mockjs --save-dev2.建一个mock.js文件,任意位置3.在main.js中引用上面建的mock.js文件 import mock from 'mock.js的地址'4.添加mock规则 //引入mockjs const Mock = require('mockjs') //使用mockjs模拟数据 M...原创 2018-05-03 23:56:50 · 147 阅读 · 0 评论 -
axios
1.安装axios npm install axios --save-dev2.引用axios(可以在main.js中引用,然后定义到原型对象上,Vue.prototype.axios=axios,任何地方都可以使用this.axios) import axios from 'axios'3.axios使用方法...原创 2018-05-03 23:51:22 · 211 阅读 · 0 评论 -
vue中使用sass
1.npm install node-sass --save-dev2.npm install sass-loader --save-dev3.webpack.base.config.js的rules中配置{ test:/\.scss$/, loaders:["style","css","sass"]}4.<style lang="scss"></style>..原创 2018-05-02 21:48:28 · 290 阅读 · 0 评论