Vue
艹民一G
这个作者很懒,什么都没留下…
展开
-
打包体积分析和优化
1. 通过<script src="./vue.js"></script>方式引入vue、vuex、vue-router等包(CDN)2. core-js-----babel的一些降级处理(针对ES6的降级处理)(兼容低版本浏览器)webpack分析工具:webpack-bundle-analyzer。原创 2024-06-23 00:35:28 · 331 阅读 · 0 评论 -
Vue笔记
vue.js是一套构建用户界面(view)的的MVVM框架,vue.js的核心库只关注视图层,并且非常容易学习,容易与其他库或已有项目整合。vue.js的产生核心是为了解决:1.解决数据绑定问题2.为了开发大型单页面应用(SPA:single page application) angular.js中对PC端的支持比较好,但是对移动端支持一般, 而vue.js主要支持移动端,也支持PC端。3.它还...原创 2018-03-25 23:44:37 · 122 阅读 · 0 评论 -
vue传值
1.父组件传递数据给子组件父组件数据如何传递给子组件呢?可以通过props属性来实现父组件:<parent> <child :child-msg="msg"></child> //这里必须要用 - 代替驼峰</parent>data(){ return { msg: [1,2,3] };}子组件通过props来接收数...转载 2018-05-04 14:27:04 · 276 阅读 · 0 评论 -
vue组件页面
<template> <div> <el-form :inline="true" class="search-from"> <el-form-item> <el-input placeholder="商品编号\商品标题\化学品名" v-model="search.keyword&qu原创 2018-06-11 10:55:11 · 703 阅读 · 0 评论 -
axios封装
import axios from 'axios' import qs from 'qs' import {Message} from 'element-ui' let Promise = require('promise') // 请求成功,返回的状态码不是200时调用 const statusError = (err) => { Message({ showClose: t...转载 2018-09-11 13:56:46 · 192 阅读 · 0 评论 -
vue中路由传参
路由: vue路由传参方式有: query、params+动态路由传参 1. query通过path切换路由, params通过name切换路由 // query通过path切换路由 <router-link :to="{path: 'Detail', query: { id: 1 }}">跳转页面</router-link> // params通过name切换路由 &l...转载 2018-09-28 14:21:44 · 211 阅读 · 0 评论 -
vue中前进刷新、后退缓存用户浏览数据和浏览位置的实践
vue中,我们所要实现的一个场景就是: 1.搜索页面==>到搜索结果页时,搜索结果页面要重新获取数据, 2.搜索结果页面==>点击进入详情页==>从详情页返回列表页时,要保存上次已经加载的数据和自动还原上次的浏览位置。 最近在项目中遇到这个问题,思考了几套方案,总是不太完善。百度搜到的方案也基本都只能满足一些很简单的需求。对于复杂一些的情况,还是有些不完善的地方。以下是个人...转载 2018-09-28 14:23:56 · 446 阅读 · 0 评论