随笔分类 - Vue
Vue + cli 脚手架 组件化 MVVM思想
摘要：:style="{width:mapWidth,height:mapHeight}" This指向 axios 使用axios 的时候 ，在生命周期函数 created（）{ 写入请求 函数 } ,重点是 里面的this指向出了问题， 那么再生命周期 函数里面第一行，先把$_this = this;
阅读全文
摘要：今天被这个关于m3u8视频播放不了搞了一下午，这个项目所有的视频流都是m3u8格式的，后台给我们返回的都是m3u8格式的视频流，解决了好长时间，看了好多博客，只有这个博客给我点启发，去解决这个问题，请查看。会使用两种方法来解决这个问题 第一种方法 1.在vue中安装下面这些插件 1 2 cnpm i
阅读全文
摘要：在vue项目中，每次和后台交互的时候，经常用到的就是axios请求数据，它是基于promise的http库，可运行在浏览器端和node.js中。当项目越来越大的时候，接口的请求也会越来越多，怎么去管理这些接口?多人合作怎么处理?只有合理的规划，才能方便往后的维护以及修改， 安装 安装axios依赖包
阅读全文
摘要：无论是移动端还是pc端登录或者注册界面都会见到手机验证码登录这个功能，输入手机号，得到验证码，最后先服务器发送请求，保存登录的信息，一个必不可少的功能 思路 1，先判断手机号和验证是否为空， 2，点击发送验证码，得到验证码 3，输入的验证码是否为空和是否正确， 4，最后向服务发送请求 界面展示 1.
阅读全文
摘要：通过自己所学的这段时间，利用空余时间，使用vue3.0脚手架搭建的一个关于后台的管理模板，所实现功能也是模仿一个后台的界面，数据分为两种存放，一种是直接存储到mlab,这里的数据是存放这登录注册，只有注册了自己的账号才能访问到页面，另一些数据直接存放在easy-mock里， 源码地址:https:/
阅读全文
摘要：前端工作量最多的就是需求，需求就是一直在变，比如当前端数据写完之后，需要用Excel把数据下载出来。 第一步安装依赖包,需要把代码下载你的项目当中 cnpm install file-saver cnpm install xlsx cnpm install script-loader 第二步在项目中
阅读全文
摘要：token一种身份的验证，在大多数网站中，登录的时候都会携带token，去访问其他页面，token就想当于一种令牌。可以判断用户是否登录状态。本次页面是通过Element-ui搭建的登录界面 当用户登录的时候，向后端发起请求的时候，后端会返回给我一个token，前端可以进行校验，进行处理token
阅读全文
摘要：购物车功能是一件比较繁琐的事情，逻辑功能太多，今天就用vue2.0实现一个简单的购物车功能，数据都本地自己写的假数据 功能列表： 1、全选和单选结算 2、减少和增加数量 3、商品的删除 界面搭建以及布局，这里，我直接用bootstrap快速搭建的一个简单的布局 <div class="contain
阅读全文
摘要：当内容没有加载完的时候，用户体验不是很好，这时候，可以使用lazyload这个插件，提升用户体验，使用方法特别简单易用 一. vue lazyload插件： 插件地址：https://github.com/hilongjw/vue-lazyload 二. 简单使用实例： 其实这个插件做简单使用的话是
阅读全文
摘要：发布项目 cmd 命令行 npm run build 执行打包文件 完成后就会有 3 个文件夹 分别是： 文件夹 ：build config dist index.html 打包上传 会有几个问题 就是 1.文件路径问题 2.图片路径问题 还有 带代码本身的问题 解决办法 修改配置文件 https:
阅读全文
摘要：一个项目 环境安装 使用了 cli 脚手架 Koa2 workpackage 其他小的不计 前端Vue组件搭建 数据的简单测试交互 数据库的设计 创建、连接接数据库 前台[表单/分类] 发送请求读取数据库表 总结： 第一次学完一个项目的感受，熟悉和掌握了 做一个项目的步骤，需要的点，先搞定那一块再做
阅读全文
摘要：Vue 一点车项目 连接数据库 数据使用 后台服务器 返回数据 处理 读取 数据库 js文件 用fetch 异步读取，返回值 处理为 json数据 只要 异步请求数据 那么不是同源就是 跨域 ，跨域就得去 服务器 配置 允许跨域请求 通过 <<<<Vue 一点车项目 连接数据库 服务端配置
阅读全文
摘要：Vue 一点车项目 连接数据库 创建连接数据库配置 <<<<返回前端接受处理使用 单机跳转
阅读全文
摘要：一点车项目 cli脚手架 + 组件化 +数据交互+路由指向+存入数据库 前端页面 cli脚手架的安装与搭建 创建对应包 页面组件化编辑 （共享组件：摘取出来一模一样的组件重用）（私有组件:在自己的组件写入 引入共享组件） 父子传值 发送 <TabPanelRelease :tabs="tabs">
阅读全文
摘要：vue-cli 脚手架 安装 一、 node安装 1）如果不确定自己是否安装了node,可以在命令行工具内执行： node -v （检查一下 版本）； 2）如果 执行结果显示： xx 不是内部命令，说明你还没有安装node , node 安装地址：http://nodejs.cn/download/
阅读全文
摘要：Vuex 1.安装vuex npm install -save vuex 2. 引入 创建store文件夹目录 创建 vuex 指挥公共目录 store【'state','actions','mutations','getters','index'】 3.store -》index.js (所有的s
阅读全文
摘要：Vuex结构图再仔细看 Vuex原理： 就是 把共有属性放入到一个公共的地方，进行使用 多组件共享状态， 之前操作方式，由父组件传递到各个子组件。 当路由等加入后，会变得复杂。 引入viewx 解决共享问题。 存放标准（组件是根据数据更改显示的） state 对象数据 mutations 操作变更s
阅读全文
摘要：Vuex基础 https://vuex.vuejs.org/zh-cn state --> view --> action -> state 多组件共享状态， 之前操作方式，由父组件传递到各个子组件。 当路由等加入后，会变得复杂。 引入viewx 解决共享问题。 原vue结构图 vuex结构图 Vu
阅读全文
摘要：文档 https://router.vuejs.org/zh-cn npm install vue-router --save 调用 import Vue from 'vue' import VueRouter from 'vue-router' Vue.use(VueRouter) 流程 a. v
阅读全文
摘要：Vue-mint-UI库 概述：就是一个 封装好的库 安装/下载：npm install --save mint-ui 常用 1. 下载 npm install --save-dev babel-plugin-component 2. 修改 babel 配置 "plugins": ["transfo
阅读全文
