框架
老毕姥爷
之前并没有意识到博客的重要性,一直都只搜索问题保存下网址,但是记忆的并不深刻,借此平台希望能够在前端道路上有所作为
展开
-
vue 的实现原理
1. 前言每当被问到Vue数据双向绑定原理的时候,大家可能都会脱口而出:Vue内部通过Object.defineProperty方法属性拦截的方式,把data对象里每个数据的读写转化成getter/setter,当数据变化时通知视图更新。虽然一句话把大概原理概括了,但是其内部的实现方式还是值得深究的,本文就以通俗易懂的方式剖析Vue内部双向绑定原理的实现过程。回到顶部2. 思路分析...原创 2020-03-08 21:19:11 · 512 阅读 · 0 评论 -
基于vue实现登录页记住密码(非form表单)
vue项目实现表单login页保存用户名跟密码到cookielogin页实现7天内记住用户名勾选时,将用户名和密码保存到cookie,下次登陆自动显示到表单内1.表单部分表单的html2.data部分data3.存,取,删cookie方法存取删cookie在mounted里面调用getCookie方法(页面加载调用获取cooki...转载 2019-06-24 09:52:41 · 688 阅读 · 0 评论 -
mui中关于父元素选中子元素全部选中的案例
直接代码js代码var arr = document.querySelectorAll('input[type="checkbox"]');document.querySelector('.mui-switch-mini').addEventListener('toggle', function(event) {console.log(event.detail.isActive);if(...原创 2019-05-06 17:05:00 · 974 阅读 · 0 评论 -
vue路由传参query与params的区别
一、query传参在跳转时要用path。params在跳转的时候要传name,还有就是param传参当刷新路由时候参数会丢失,如果不想丢失参数那么就要在路由上配置好参数,这样刷新就不会丢失了 { path: '/withdrawDetail/:id', name: 'withdrawDetail', component: withdrawDetail, met...原创 2019-04-01 14:22:01 · 978 阅读 · 0 评论 -
vue中引用cdn中的js文件或者json的用法
1、现在有一个js文件要放在cdn上。 这个js文件的内容如下 :var testArr = [{"a":1}]2、我要在vue项目中使用这个变量(因为这个变量可能是经常变化的,但是不能变化一次就打包一次,所以将他放在cdn上,有使用的话直接改变cdn上的js文件,就不用上线项目了),3.在vue中 声明引用这个变量的方法export function importScript ...原创 2019-03-22 13:56:10 · 6917 阅读 · 6 评论 -
vue中使用v-html,v-html中js代码不生效的问题
templateContent 是后台返回的html片段,以及css样式和js,但是返回的js是不执行的,因为浏览器在渲染的时候并没有将js渲染,这时要在$nextTick中动态创建script标签并插入如图regJs就是js代码片段,至于怎么获取js代码片段在我的上一篇博客中有,但是别忘了 将this.$nextTick放在一个方法中,并调用,否则 代码不执行 也不会 ...原创 2019-02-28 10:44:33 · 20673 阅读 · 4 评论 -
使用node搭建一个简单服务
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。Node.js 的包管理器 npm,是全球最大的开源库生态系统。(nodejs官网上的介绍),正如官网上介绍的那样,nodejs确实很牛!怎么个牛法?看看下面的代码就知道了。//引入http模块var http = requi原创 2017-12-21 10:43:09 · 7385 阅读 · 2 评论 -
VUE 利用 webpack 给生产环境和发布环境配置不同的接口地址
前言我们在开发项目的时候,往往会在同一个局域网进行开发,前后端分离同时进行开发。我们前端调用后端给的接口也是在局域网内部的。但是,当项目推到线上的时候,我们会从真实服务器上获取接口,因此,我们可能在测试接口和真实接口之间频繁切换,让人十分恶心。因此,我们有必要想办法解决这个问题。本文是 Vue2+VueRouter2+webpack 构建项目实战 的后续文章。理解本转载 2017-11-06 20:53:14 · 1873 阅读 · 0 评论 -
vue项目部署到生产环境(Tomcat为例)
Vue项目webpack打包部署到服务器这篇博文主要说的就是我今天遇到的问题,而且在经过我的询问,好多人在打包部署的时候都遇到了一些问题,下面就来说下,如何将Vue项目放置在服务器上,这里以Tomcat为例。必须要配置的就是/config/index.js在vue-cli webpack的模板下的/config/index.js,我们可以看到assetsPublicPath转载 2017-11-06 20:19:01 · 22901 阅读 · 3 评论 -
vue2.0初始化一个头部组件
这里使用cli脚手架构建工具构建的项目,打开项目直接修改一下APP.vue,在新建一个目录和文件放组建的内容就可以完成组建的注册代码:APP . VUEDE 代码 我是商品 我是商家 import header from './components/header/header.vue'export default {原创 2017-08-07 10:10:21 · 2943 阅读 · 0 评论 -
vue2.0设置默认路由的代码,以及点击不同路由加上样式的api
import Vue from 'vue'import App from './App'import VueRouter from 'vue-router'import goods from './components/goods/goods.vue'import basing from './components/basing/basing.vue'import seller原创 2017-08-08 13:33:49 · 685 阅读 · 1 评论