H_sen's Blog

造成 这个问题的原因有很多一、javascript Uncaught TypeError: Cannot set property '$axios' of undefined报错信息说 $axios of undefined我们打开 main.js 查看将箭头所指处 改为小写。二TypeError: setting getter-only property "$axios"vue-cli2 和 vue-cli3和4 安装方法还不一样，我使用的是 vue-cli4.3.1，应使用npm .

query使用 path 和 name 传参跳转都可以，而 params 只能使用 name 传参跳转。query传参：var router = new VueRouter({ routes: [ { path: '/login', component: login }, { name:'register',path: '/register', component...

Vue是一个 MVVM 的框架，数据驱动和 组件化是Vue的核心思想。简单的讲MVVM框架就是：我们只需要在数据层做数据操作，显示层会检测到我们每次的数据变化，然后做出相应的改变，监测数据这个工作就是中间的ViewModel。通过这种模式，我们就可以不用再直接操作DOM节点来进行数据的改变。插值在模板里可以实现data数据的展示，如果data数据改变，展示的数据也会响应式的改变。响应式的改...

我们需要有 Vue.js 环境，要提前安装好，需要的同学。我上一篇博客也有提到。HeyUI参考使用文档：https://www.heyui.top/component/quickstart支持环境现代浏览器和 IE9 及以上。兼容HeyUI支持 Vue.js 2.x版本安装 步骤：安装heyuicnpm install heyui --save-dev安装l...

准备 Vue.js 之前要先有 node.js。node.js 安装网址：https://nodejs.org/en/download/。具体安装步骤参考：https://www.runoob.com/nodejs/nodejs-install-setup.html安装好后，就要安装 Vue.js了。安装node.js，安装完node.js之后，npm也会自动安装查询是...

什么是websocketwebSocket是一种在单个TCP连接上进行全双工通信的协议　　　　　　客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输远古时期解决方案就是轮训客户端以设定的时间间隔周期性地向服务端发送请求，频繁地查询是否有新的数据改动（浪费流量和资源）webSo...

由于官方推荐，使用 axios 封装项目的技术预见成熟，况且极力推荐。// 安装核心文件 axiosnpm install axios -s配置路由文件，访问后台接口转为动态// urls.jsexport default { // api请求地址 API_URL: 'http://127.0.0.1:8000'}实例化 axios 进行封装2.1 ...

准备工作：Vue 展示数据Heyui 页面美化Django 数据传递业务场景点击 添加购物车，购物车 收到响应就是这么一个 简单的东西技术难点购物车中 要添加是数据 是多重性的，比如 mysql 中数据是一个 结果集，序列化后返回到前台，又是一个列表 and 字典。开工首先 我们要先获取 LocalStorage 中的数据，查看是否存在。if 存在、转换数据类型，将数...

我们 有两个 Vue页面：father.vueson.vueson.vue 作为 子组件 是 被 引入的哪一方的父传子发送是直接在 组件上 进行发送的// father.vue<template> <div id="father"> // 父组件 传递子组件 123 FonS 是 key <son :FonS="123"> &...

拦截器 一般有两个手段进行拦截：1. 路由拦截：路由跳转的时候，我们想要添加一些 权限判断 或 其他操作的时候，就要使用到Vue中 路由钩子函数。定义：路由钩子主要是给使用者在路由发生变化时进行一些特殊的处理而定义的函数。我们要用到 全局路由钩子函数： beforeEach （在跳转之前执行）beforeEach 有三个参数：to:router 即将进入的路由对象from: 当前...

我想要做的东西就是，鼠标点击别处然后 页面判断一下，看一下 数据是否符合格式。前台就这样简单的写写，主要目的就是一个测试嘛<template> <div id="email"> <h3> 邮箱: </h3> <br> <input type="email" v-model...

前言：Vue Django 的跨域已经解决，Vue 是一个已经存在的项目 美化后的页面都是已经存在的，数据库的表格都已存在。核心思想：在微博开放平台 创建网页应用通过微博规定的 规格参数换取审核全部通过 登录信息入库判断登录的 新老用户 是否绑定邮箱登录微博开放平台，如果是新用户会审核一些东西，可以略过那些，选择性填写。。注册好应用后我们不需要 填写那些 信息，我们主要用到...

运用 Django 的 Paginator 实现 分页、传递给 Vue 父子组件展示。首先创建 Django 项目# 终端django-admin startproject FatherEPCcd FatherEPCpython manage.py startproject SonEPC然后在 子应用的 settings 里 解决跨域# settingsINSTALLED_A...