vue
吴莉
这个作者很懒,什么都没留下…
展开
-
vuex实现购物车
数据:index.js import Vue from "vue"; import Vuex from 'vuex'; Vue.use(Vuex); const state = { shop_list: [{ id: 11, name: '鱼香肉丝', price: 12, }, { id: 22, name: '宫保鸡丁', price:...原创 2019-07-08 23:11:39 · 416 阅读 · 0 评论 -
Error: EBUSY: resource busy or locked, symlink 的解决办法
解决办法:关掉杀毒软件或防火墙原创 2019-07-06 23:39:17 · 2097 阅读 · 0 评论 -
vue-router的两种模式
Vue-router 中有hash模式和history模式,vue的路由默认是hash模式,一般开发的单页应用的URL都会带有#号的hash模式,因为整个应用本身而言就只有一个HTML,其他的都是通过router来渲染。简单介绍下两种模式: hash —— 即地址栏 URL 中的 # 符号(此 hash 不是密码学里的散列运算)。比如这个 URL:http://www.abc.com/#/hell...原创 2019-07-12 09:25:14 · 519 阅读 · 0 评论 -
在vue-cli项目中使用echarts
1@TOC 欢迎使用Markdown编辑器 你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。 新的改变 我们对Markdown编辑器进行了一些功能拓展与语法支持,除了标准的Markdown编辑器功能,我们增加了如下几点新功能,帮助你用它写博客: 全新的界面设计 ,将会带来...原创 2019-07-01 14:06:01 · 199 阅读 · 0 评论 -
在vue-cli中使用axios
第一步:安装 npm install axios ---save-dev 第二步: 在需要请求数据的文件中引入 import axios from "axios"; export default{ name:"news", created(){ axios .get('../../static/db.json') .then((res)=>{ conso...原创 2019-07-05 10:23:58 · 334 阅读 · 0 评论 -
axios-post请求
第一步:安装:npm install qs --save-dev 第二步: import axios from "axios"; import qs from "qs"; export const getData = (params)=>{ return axios .post("/api/getImages",qs.stringify(params)) .then((res)=&...原创 2019-07-08 14:51:09 · 315 阅读 · 0 评论 -
axios,拦截器,封装
第一步: 在confing/index.js中配置 proxyTable: { '/api': { //使用"/api"来代替apiconfig target: 'http://baidu.com', //请求原地址 changeOrigin: true, //允许跨域 pathRewrite: { '^/api': '' //路径重写 ...原创 2019-07-06 23:37:30 · 421 阅读 · 0 评论 -
vue中字符串拼接路由path路径
功能:产品列表页面进入产品详情页面,产品详情中四个模块之间切换 products.vue进入detail.vue页面, detail.vue中配置子路由 第一步:products.vue <ul class="pro"> <router-link to="/detail/pro1" tag="li">产品1</router-link> <route...原创 2019-07-05 14:39:14 · 7228 阅读 · 0 评论 -
vue-cli路由传参的三种基本方式
现有如下场景,点击父组件的li元素跳转到子组件中,并携带参数,便于子组件获取数据。 <li v-for="article in articles" @click="getDescribe(article.id)"> 方案一: getDescribe(id) { // 直接调用$router.push 实现携带参数的跳转 this.$router.push({ ...原创 2019-07-04 15:52:34 · 1867 阅读 · 0 评论 -
在vue-cli中使用mint-ui
前言: 基于vue,适合写app 第一步:安装 npm install mint-ui -S 第二步:main.js中配置 import Mint from 'mint-ui'; import 'mint-ui/lib/style.css' Vue.use(Mint); 第三步:在组件中按官网(https://mint-ui.github.io/docs)指导,需引入,如Message box...原创 2019-07-01 17:28:51 · 399 阅读 · 0 评论 -
在vue-cli项目中使用使用iview
介绍: iView 是一套基于 Vue.js 的开源 UI 组件库,主要服务于 PC 界面的中后台产品。 第一步:安装 npm install iview --save 第二步:main.js中引入 import iView from 'iview'; import 'iview/dist/styles/iview.css'; Vue.use(iView); 第三步:测试 <templa...原创 2019-07-01 17:13:45 · 522 阅读 · 2 评论 -
在vue-cli项目中使用使用swiper
第一步:切换进项目 安装swiper npm install swiper --save-dev 第二步:创建组件 swiper.vue 导入 import Swiper from "swiper"; @import 'swiper/dist/css/swiper.css'; 完整swiper.vue组件 <template> <div> <div cla...原创 2019-07-01 16:59:32 · 2001 阅读 · 0 评论 -
vuex的简单使用
第一步:安装 npm install vuex --save-dev 第二步:引用 全局引入:main.js import data from "./store/data"; new Vue({ el: '#app', router, store:data, components: { App }, template: '<App/>' }) 第三步:写共享数据...原创 2019-07-08 17:18:38 · 134 阅读 · 0 评论 -
vue中keep-alive的使用
keep-alive keep-alive是Vue提供的一个抽象组件,用来对组件进行缓存,从而节省性能,由于是一个抽象组件,所以在v页面渲染完毕后不会被渲染成一个DOM元素 <keep-alive> <loading></loading> </keep-laive> 当组件在keep-alive内被切换时组件的activated、deact...原创 2019-07-26 00:23:51 · 156 阅读 · 0 评论