![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue框架学习和项目常见问题
plan_ b
这个作者很懒,什么都没留下…
展开
-
flask文件发送与js前端接收
flask后台文件发送 try: # 文件数据处理 res = export_all_files_list() # 通过response封装数据 response = make_response(res) # 设置响应信息 response.headers['content-type'] = 'application/octet-stream;charset=utf-8' response.he原创 2021-11-19 16:39:37 · 2565 阅读 · 0 评论 -
axios封装request配置
import axios from 'axios'import Qs from 'qs'//axios的get方法中使用params时对于js数组类型的参数的默认操作比较诡异,会使得参数名后带上'[]'字符串,可以使用qs自带的 arrayFormat 参数配置解决这个问题export function request(config) { const service = axios.create({ headers: {'content-type': 'application/json原创 2021-11-11 12:48:25 · 920 阅读 · 0 评论 -
less 和less-loader安装问题
vue-cli和less-loader的某些版本存在冲突,建议遇见时指定less-loader进行强制安装 npm install less --save -dev npm install less-loader --save -dev 或者 npm install less-loader@版本号 --save -dev -force原创 2021-11-10 14:43:57 · 1028 阅读 · 0 评论 -
linux后台启动vue和python项目
后台运行vue后台运行python脚本转载 2021-11-10 14:18:16 · 218 阅读 · 0 评论 -
vue跨域配置代理
module.exports = { devServer: { open: true, host: 'localhost', port: 8080, https: false, //以上的ip和端口是我们本机的;下面为需要跨域的 proxy: {//配置跨域 '/api': { target: 'http://127.0.0.1:5000/',//这里后台的地址模拟的;应该填写你们真实的后台接口 ws: true原创 2021-11-03 17:26:45 · 525 阅读 · 0 评论 -
13-vue-router路由导航
进阶使用路由导航官网解释主要有以下几大类: 全局: router.beforeEach router.beforeResolve router.afterEach 路由独享 beforeEnter 组件内使用 beforeRouteEnter beforeRouteUpdate beforeRouteLeave示例:router.beforeEach会在每个路由跳转之前执行,例如此处会在每个路由跳转之前在控制台打印‘beforeEach’,其中from是上个转载 2021-07-25 15:10:27 · 155 阅读 · 0 评论 -
12-vue-router基础
什么是路由前端渲染和后端渲染前端路由hash和historylocation.hash()history.pushState()history.back()history.forward()history.replaceState()history.go()安装路由路由的使用基本使用重定向hash转history(消除#)router常用指令router相关指令通过代码跳转...原创 2021-07-20 14:08:31 · 93 阅读 · 0 评论 -
路由的相关解释
什么是路由在网络通信中,“路由”是一个网络层的术语。它是指从某一网络设备出发去往某个目的地的路径如图:有一段消息要从A到B,找到A到B的路径这个过程就是路由活动前端渲染和后端渲染后端渲染早期的网站开发整个HTML页面是由服务器来渲染的 服务器直接生产渲染好对应的HTML页面,返回客户端进行展示但是,一个网站,那么多页面服务器如何处理? - 一个页面有自己对应的网址,也就是URL。 - URL会发送到服务器,服务器会通过正则对该URL进行匹配,并且最后交给一个C原创 2021-07-18 18:08:41 · 423 阅读 · 0 评论 -
vue项目提示Invalid Host header
添加链接描述转载 2021-03-31 19:30:24 · 184 阅读 · 0 评论 -
vue中重置表单方法
添加链接描述转载 2021-03-11 16:15:08 · 496 阅读 · 0 评论 -
11-vue-cli2、3
vue-cli2cli2初始化的选项说明目录结构详解关于runtimeonly和runtimecompiler的区别template -> ast -> render -> vdom -> UI在vue程序运行过程中,如果有template,会将其parse(解析)转化为ast(abstract syntax tree抽象语法树),然后通过render函数生成一颗virtual dom,再渲染到ui成为真实dom在创建一个runtimecompiler的项目时其中原创 2021-02-01 18:46:26 · 54 阅读 · 0 评论 -
10-组件化
组件化开发在实际开发中,一个页面的功能可能及其复杂,我们需要将其拆分成各个功能模块组件,以此达到复用和方便管理的目的。例如,你可能会有页头、侧边栏、内容区等组件,每个组件又包含了其它的像导航链接、博文之类的组件。示例1.1:不使用组件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>不使用模板</title></head&原创 2021-01-24 22:11:53 · 1084 阅读 · 6 评论 -
09-vue中过滤器使用和书籍购物车案例
过滤器使用详情购物车案例html部分代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>书籍购物车案例</title> <link rel="stylesheet" href="style.css"></head><body><div id="app"> <div原创 2021-01-22 16:41:38 · 155 阅读 · 0 评论 -
08-vue计算属性
示例:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>计算属性的基本使用</title></head><body><div id="app"> <h2>{{firstName}}</h2> <h2>{{lastName}}</h2> &原创 2021-01-20 17:04:53 · 87 阅读 · 0 评论 -
07-vue常用操作指令
常用操作指令:v-bind示例:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>v-bind</title></head><body><div id="app"> <img v-bind:src="imgUrl" alt=""> <a href="http://ww原创 2021-01-20 15:37:47 · 99 阅读 · 0 评论 -
06-vue中的mustache语法
示例:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>mustache语法</title></head><body><div id="app"> <!-- mustache语法中,不仅仅可以直接写变量,也可以写简单的表达式--> <h2>{{message}}&原创 2021-01-20 13:10:10 · 75 阅读 · 0 评论 -
05-vue生命周期
原创 2021-01-20 12:44:26 · 57 阅读 · 0 评论 -
04-vue中的mvvm理解
view层在我们前端开发中,通常就是DOM层。主要的作用是给用户展示各种信息。Model层:model层数据可能是我们固定的死数据,更多的是来自我们服务器,从网络上请求下来的数据。在我们计数器的案例中,就是后面抽取出来的obj,当然,里面的数据可能没有这么简单。VueModel层:ViewModel层视图模型层是View和Model沟通的桥梁。一方面它实现了DataBinding,也就是数据绑定,将Model的改变实时的反应到View中另一方面它实现了DOM Listener,也就是.原创 2021-01-20 11:31:43 · 248 阅读 · 0 评论 -
Vue实例中的options选项
options经常用到的:el,data,methods原创 2021-01-20 00:47:04 · 624 阅读 · 0 评论 -
03-计数器案例
示例:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>计数器</title></head><body><div id="app"> <h2>{{counter}}</h2> <button v-on:click="counter++">原创 2021-01-20 00:09:38 · 183 阅读 · 0 评论 -
02-列表展示
示例:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vue列表展示</title></head><body><div id="app"> <ul> <li v-for="item in list">{{item}}</li>原创 2021-01-19 23:49:56 · 62 阅读 · 0 评论 -
01-hello_vue与声明式编程
第一个vue代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>hello_vue</title> <script src="../js/vue.js"></script></head><body><div id="app">{{message}}<原创 2021-01-19 19:59:36 · 149 阅读 · 0 评论 -
props和$emit的父子传值
$emitprops转载 2021-01-14 17:00:53 · 92 阅读 · 0 评论