kgcwuli的博客

数据：index.jsimport Vue from "vue";import Vuex from 'vuex';Vue.use(Vuex);const state = { shop_list: [{ id: 11, name: '鱼香肉丝', price: 12, }, { id: 22, name: '宫保鸡丁', price:...

解决办法：关掉杀毒软件或防火墙

Vue-router 中有hash模式和history模式，vue的路由默认是hash模式，一般开发的单页应用的URL都会带有#号的hash模式，因为整个应用本身而言就只有一个HTML，其他的都是通过router来渲染。简单介绍下两种模式：hash —— 即地址栏 URL 中的 # 符号（此 hash 不是密码学里的散列运算）。比如这个 URL：http://www.abc.com/#/hell...

1@TOC欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：全新的界面设计 ，将会带来...

第一步：安装npm install axios ---save-dev第二步：在需要请求数据的文件中引入import axios from "axios"; export default{ name:"news", created(){ axios .get('../../static/db.json') .then((res)=>{ conso...

第一步：安装：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)=&...

第一步：在confing/index.js中配置proxyTable: { '/api': { //使用"/api"来代替apiconfig target: 'http://baidu.com', //请求原地址 changeOrigin: true, //允许跨域 pathRewrite: { '^/api': '' //路径重写 ...

功能：产品列表页面进入产品详情页面,产品详情中四个模块之间切换products.vue进入detail.vue页面,detail.vue中配置子路由第一步：products.vue<ul class="pro"> <router-link to="/detail/pro1" tag="li">产品1</router-link> <route...

现有如下场景，点击父组件的li元素跳转到子组件中，并携带参数，便于子组件获取数据。<li v-for="article in articles" @click="getDescribe(article.id)">方案一：getDescribe(id) {// 直接调用$router.push 实现携带参数的跳转 this.$router.push({ ...

前言：基于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...

介绍：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...

第一步：切换进项目 安装swipernpm install swiper --save-dev第二步：创建组件 swiper.vue导入import Swiper from "swiper";@import 'swiper/dist/css/swiper.css';完整swiper.vue组件<template> <div> <div cla...

第一步：安装npm install vuex --save-dev第二步：引用全局引入：main.jsimport data from "./store/data";new Vue({ el: '#app', router, store:data, components: { App }, template: '<App/>'})第三步：写共享数据...

keep-alivekeep-alive是Vue提供的一个抽象组件，用来对组件进行缓存，从而节省性能，由于是一个抽象组件，所以在v页面渲染完毕后不会被渲染成一个DOM元素<keep-alive> <loading></loading></keep-laive>当组件在keep-alive内被切换时组件的activated、deact...