Vue
文章平均质量分 67
Vue
我是一言
记笔记,笔记,记…
展开
-
django+vue项目搭建,前后端通信打通,
使用python+django+vue+element-ui打造自动化平台,首先打通开发环境django后端服务和vue的跨域联调问题和生产通信问题原创 2023-02-17 11:23:41 · 4083 阅读 · 1 评论 -
javascript 高阶函数
//有一个数组[10,20,111,222,444,40,50]//需求1:把小于10的数过滤出来,加到一个新数组// 需求2: 对过滤后的数,每个乘以2//需求3: 对数组中的所有数做个加和汇总filter/**filter(predicate: (value: T, index: number, array: T[]) => unknown, thisArg?: any...原创 2021-04-26 13:23:00 · 259 阅读 · 0 评论 -
vue系列 cli2和cli3基础介绍
vue2vue cli脚手架介绍和安装vue cli 依赖node和webpack安装(vue cli 3)npm install -g @vue/cli# ORyarn global add @vue/cli如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x),你需要先通过 npm uninstall vue-cli -g 或 yarn global remove...原创 2021-06-06 01:07:00 · 191 阅读 · 0 评论 -
Vue系列 webpack
模块化开发是为了解决 全局变量命名冲突的问题export/ importindex.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body>...原创 2021-05-30 17:33:00 · 190 阅读 · 0 评论 -
vue系列 url的hash和HTML5的history
url的hash和HTML5的historyURL的hashURL的hash也就是锚点(#), 本质上是改变window.location的href属性.我们可以通过直接赋值location.hash来改变href, 但是页面不发生刷新historyH5的history接口是HTML5新增的, 它有五种模式改变URL而不刷新页面,history是一个栈history.pushSta...原创 2021-06-20 20:58:00 · 97 阅读 · 0 评论 -
2.Vue系列 基础语法
模板语法一、插值操作将值插入到html的内容当中Mustache(就是双大括号)<!DOCTYPE html><html lang="en"><head> <title>Vue demo</title></head><body> <div id="app"> ...原创 2021-04-26 16:06:00 · 174 阅读 · 0 评论 -
vue系列 前后端渲染+前后端路由
目录第一个阶段:后端渲染后端路由(映射表)后端渲染第二个阶段:前后端分离第三个阶段:单页面富应用第一个阶段:后端渲染后端路由(映射表)后端处理url和页面之间的映射关系。(control)后端渲染前端访问一个url,后端通过jsp技术把页面(和数据)渲染好,返回(html+css)给前端。jsp:html+css+java,java代码作用是从数据库中读取数据,并将它动态的放在页面中。...原创 2021-06-19 17:16:00 · 283 阅读 · 0 评论 -
Vue计数器演示响应式编程
初学Vuejs,理解并感受了Vue的渐进式、响应式编程。了解了前端的编程范式,过去自己硬写的js、jquery是属于命令式编程范式,现在写的vue属于声明式编程范式。响应式编程主要是解耦了视图(html)和数据,与测试这边的数据驱动是一个思想,就是把数据和程序代码分离下面是一个vue实现的计数器,你可以拿走直接运行感受一下响应式交互体验,完整代码如下:<!DOCTYPE html&...原创 2021-04-20 17:59:00 · 156 阅读 · 0 评论 -
Vue 介绍
目录Vue渐进式全家桶:Core+Vue+router+Vuex高级功能MVVMoptionsVue生命周期Vue渐进式全家桶:Core+Vue+router+Vuex高级功能解耦视图和数据可复用的组件前端路由技术状态管理虚拟DOMMVVMhttps://zh.wikipedia.org/wiki/MVVMView层:视图层在我们前端开发中,通常就是DOM层...原创 2021-04-26 11:07:00 · 142 阅读 · 0 评论 -
3.Vue系列 组件化开发
认识组件化将一个html拆解,分成很多个组件,每个组件实现页面的一个功能块,每个组件里面又可以细分,就是不断抽象的思想,不断把公共的、可以独立拆分出来的抽出来作为一个独立可复用的组件来向上提供调用,这样让我们的代码更加方便组织和管理,并且扩展性也更强。注册组件组件的使用有三步:在script标签内,创建组件构造器对象,定义组件模板<script> const cpnC...原创 2021-05-01 00:59:00 · 121 阅读 · 0 评论 -
vue系列 vue-router安装配置呈现DEMO
目录安装和配置方式路由映射配置和呈现安装和配置方式vue-router是基于路由和组件的,路由用于设定访问路径, 将路径和组件映射起来.在vue-router的单页面应用中, 页面的路径的改变就是组件的切换.安装vue-routernpm install vue-router --save在模块化工程中使用它(因为是一个插件, 所以可以通过Vue.use()来安装路由功能)1.导入...原创 2021-06-22 15:39:00 · 144 阅读 · 0 评论 -
vue系列 <router-link>属性
<router-link>属性<router-link>这里用到了一个to属性,并且把它渲染成<a>标签,他还有其他属性:tagtag可以指定<router-link>之后渲染成什么组件, 比如要渲染成button<router-link to="/home" tag="button">首页</router-link&...原创 2021-06-22 17:26:00 · 637 阅读 · 0 评论 -
vue系列 箭头函数和this
箭头函数的基本使用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script> // 箭头函数: 也是一种定义函数的方式...原创 2021-06-06 01:16:00 · 168 阅读 · 0 评论