vue笔记
MmM豆
这个作者很懒,什么都没留下…
展开
-
proxy代理的使用(解决跨域,配置多个代理)
proxy代理的使用(解决跨域,配置多个代理)一、什么是代理字面意思就是类似中间商,开启代理,原理就是在本地创建一个虚拟服务器,发送请求数据,同时接受请求的数据,利用服务器与服务器间,交互,不会有跨域问题,也是完全只靠前端自己独立解决跨域的方式以vue cli3示例我现在需要在本地请求接口//vue.config.js devServer: { proxy:{ ...原创 2019-12-27 15:42:06 · 44240 阅读 · 22 评论 -
vue相关UI组件库及实用案例
UI组件element - 饿了么出品的Vue2的web UI工具套件vant - vue的移动ui组件vant-weapp - vue的微信小程序组件iview - vue webUI组件(适用pc端和后台系统界面开发 )iview weapp - vue的微信小程序组件Vux - 基于Vue和WeUI的组件库mint-ui - Vue 2的移动UI元素...原创 2019-10-18 09:28:45 · 14514 阅读 · 0 评论 -
解决svn无法上传问题(清理失败或者系统找不到路径)
问题一:解决svn无法上传问题,清理失败解决方法:首先 到 sqlite官网 https://www.sqlite.org/download.html 下载 sqlite3.exe 如下图所示: 解压,然后将下载到的 sqlite3.exe 文件复制到你项目的.svn的同级目录下 ,查看.svn目录下是否存在一个wc.db文件在splite所在文件目录下 打开cmd执行 sqli...原创 2019-07-05 09:29:57 · 22231 阅读 · 0 评论 -
解决vue修改数据页面不重新渲染问题(Vue中数组和对象更改后视图不刷新)
vue渲染机制和如何解决数据修改页面不刷新问题的多种方法本文不讲原理,只讲干货易懂易学,(感觉能学到知识,麻烦给小编来个赞!)首先 第一点,vue底层是 将data对象传人,使用Object.definePropety,转换为getter和setter,所以,vue不支持IE8.1.简单介绍一下Object.definePropety,Object.defineProperty(obj, ...原创 2019-06-24 16:07:46 · 40000 阅读 · 14 评论 -
vue 数据缓存和懒加载
vue 数据缓存和懒加载1.有些时候,不希望已经请求过的数据,再次请求,重复执行刷新操作,我们就需要使用数据缓存,一、第一种方式,也是通用的思路,利用一个空数组,或者直接以存在Session Storage,这种页面级缓存,需要页面没有被销毁,每次请求前先查看用于存储的数据中是否有数据,没有再发起请求,具体实现代码如下:// 缓存对象,用于缓存查询到的商品列表数据ProductList ...原创 2019-06-18 10:57:02 · 23591 阅读 · 0 评论 -
vue笔记 webpack配置参数详解
当我们需要和后台分离部署的时候,必须配置config/index.js:用vue-cli 自动构建的目录里面 (环境变量及其基本变量的配置)var path = require('path') module.exports = { build: { index: path.resolve(__dirname, 'dist/index.html'), assetsRoo...转载 2019-06-17 16:07:23 · 15069 阅读 · 0 评论 -
vuex 状态管理细致详解(二) module 模块化
vuex 状态管理细致详解(二) module 模块化当项目较大时,单一state,就会十分庞大,管理和阅读,十分困难,此时使用vuex的另一个核心知识点module模块化模块化,顾名思义,就是将store分成不同的版块,按需分类,简单的定义方式import Vue from "vue"import Vuex from "vuex"VUe.use(Vuex)//使用插件expo...原创 2019-06-17 15:11:19 · 13543 阅读 · 0 评论 -
vuex 状态管理细致详解(一)
vuex 状态管理定义:专为VUe.js应用程序开发的状态管理模式。安装npm install vuex --save使用创建store目录index文件中import Vue from "vue"import Vuex from "vuex"VUe.use(Vuex)//使用插件export default new Vuex.store({ })在...原创 2019-06-04 12:54:52 · 13438 阅读 · 0 评论 -
vue请求axio的使用详解
vue请求axio的使用详解安装npm install axios创建axios实例import axios from 'axios'//判断是否是本地开发环境,这样上线就不用更改,不了解,可以直接写const host = const host = process.env.NODE_ENV === "development"? "模拟地址" : "真实地址"const ...原创 2019-06-14 12:19:55 · 29030 阅读 · 1 评论 -
vue路由router的使用与搭建
vue路由router的使用与搭建前端路由hash值方式#/id不会向服务器发起请求,根据hash值的改变,对应渲染不同的前端组件history方式无#号router配置import Vue from 'vue'VUe.use(ROuter)export default new Router({ mode:'history'//是否使用history模式不传默...原创 2019-05-29 09:47:31 · 15650 阅读 · 0 评论 -
前端基础学习之vue的生命周期
vue的生命周期Create 初始阶段BeforeCreate 数据初始之前Created 数据初始之后一般用于ajax请求(错觉,ajax是异步操作,生命周期为同步,异步是在同步之后,才执行,所以ajax在create和mount中都没有影响。)Mount 数据挂载阶段(渲染dom)BeforeMount 数据挂载之前还未渲染,也可以进行数据修改,不会触发u...原创 2019-05-23 17:27:07 · 16849 阅读 · 0 评论 -
vue相关UI组件库
vue相关UI组件库以下是关于vue相关比较热门和实用的组件库,学习vue的童鞋至少要会下面1到2个,然后基本就都会用了,用法差异不大。element-ui (适用与pc端和后台系统界面开发)https://element.eleme.cn/#/zh-CNmint-ui (移动端组件)http://mint-ui.github.io/#!/zh-cnvant(移动端组件)...原创 2019-05-30 14:30:24 · 18310 阅读 · 0 评论 -
npm的卸载与安装流程
安装1、下载地址为:https://nodejs.org/en/2、检查是否安装成功:如果输出版本号,说明我们安装node环境成功3、为了提高我们的效率,可以使用淘宝的镜像:http://npm.taobao.org/输入:npm install -g cnpm –registry=https://registry.npm.taobao.org,即可安装npm镜像,以后再用到npm的地方...原创 2019-05-27 17:39:10 · 96501 阅读 · 0 评论 -
Vue Cli脚手架搭建
Vue Cli脚手架搭建 这里补充cli的不同版本的创建与安装,详细部分请查看[vue入门级教程从零搭建一个vue项目](https://blog.csdn.net/marendu/article/details/90514969) Npm list –g –depth=0,检查全局安装的资源,depth=0不显示依赖搭建脚手架$npm install @vue/c...原创 2019-05-27 10:04:58 · 13234 阅读 · 0 评论 -
vue的组件与通讯
vue的组件与通讯自定义组件对象const myComponent = { template: `<button>按钮 {{ message }}</button>`, // 组件中的 data 是一个函数 data() { return { message: "hello" } } }注册组件全局...原创 2019-05-22 11:22:42 · 16698 阅读 · 0 评论 -
前端Vue基础学习
Vue基础创建vue实例<div id="app"></div>const vm = new Vue({ el:'app', data:{ }})插值语法 <!-- 双花括号将数据当成普通文本显示 其中可以写运算,或者判断等表达式运算 容易遭受xss攻击 --> &l...原创 2019-05-21 09:38:06 · 18733 阅读 · 0 评论 -
前端vue基础学习之vue项目文件结构
vue项目文件结构查看上一篇前端基础学习之vue的生命周期build文件用于打包创建dist目录webpack.base.conf.jsalias配置别名configindex.jshost:localhost,只能本地访问,修改成0.0.0.0可以ip地址访问本地需要127.0.0.1port:端口号autoOpenBrowser:是否启动时自动打开浏览器...原创 2019-05-24 13:27:31 · 16995 阅读 · 0 评论