
vue
前端xqf
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
ios获取时间戳兼容问题
constnow=moment().format('YYYY-MM-DDHH:mm:ss').replace(/\-/g,'/');ios中只能new Date(“2016/05/19 08:00”)的格式,new Date(“2016-05-19 08:00”)不兼容原创 2020-06-03 09:41:40 · 431 阅读 · 0 评论 -
循环渲染要加key
循环不加key,代码两行泪原创 2020-06-02 11:23:36 · 256 阅读 · 0 评论 -
nuxt脚手架
课程大纲什么是服务端渲染服务器端渲染 vs 客户端渲染vue服务器端渲染的实现nuxt的使用什么是服务端渲染概念:后端先调用数据库,获得数据之后,将数据和页面元素进行拼装,组合成完成的html页面,再直接返回给浏览器,以便用户浏览举例: 服务端渲染案例页面 什么是客户端渲染概念:数据由浏览器通过ajax动态取得,在通过js将数据填充到dom元素上最终展示到网页中,这样的...原创 2019-06-10 20:54:33 · 938 阅读 · 0 评论 -
Vue cli和todolist效果实现
5. clicli是什么?cli是vue提供的一个快速(自动化) 构建项目的一个脚手架 ,类似于我们之前所学的 express-generatorcli的版本目前最新 3.x老版本是 2.xcli的底层的自动化工具是: webpackcli的安装npm/cnpm/yarn 都可以使用$ yarn add @vue/cli global 这个是cli3...原创 2019-05-29 21:10:41 · 330 阅读 · 0 评论 -
Vue组件通信
组件通信 – 单项数据流 >9种父子组件通信props接收父子组件通信: 父组件将自己的数据传递给子组件父组件将自己的数据通过属性绑定的形式传递给子组件子组件在自己的配置项中通过 props 来接收这个属性Vue.component(‘Son’,{template: ‘#son’,// props: [‘aa’],props: {// 属性: 属性的数据类型 给数...原创 2019-05-29 21:09:23 · 126 阅读 · 0 评论 -
自定义组件(插件),指令,事件
1. 自定义组件( 插件 )案例: 封装一个 Loading 组件Loading是用来做什么的?基于用户体验loading使用方式很多第三方的ui库/组件库自定义封装过程:创建一个目录文件夹,称之为Loading在loading中创建一个叫做component目录,用来放模板在Loading目录下创建一个index.js~ import Vue from 'vue' ...原创 2019-05-29 20:59:04 · 177 阅读 · 0 评论 -
Vue路由
RouterSPA ( single page App ) 单页面应用多页面应用有多个html文件,通过a标签的连接联通各个页面缺点开发起来太冗余,编译、压缩很耗时间页面之间的跳转速度太慢单页面应用不需要刷新页面,因为它就是一个页面这个页面内容在切换单页面内容之间的切换要想实现我们就是用路由了如今我们的app主要的开发形式就是spavue路由功能...原创 2019-05-31 22:03:46 · 394 阅读 · 0 评论 -
Vue生命周期
生命周期1. 什么是生命周期呢?当前组件在创建到销毁经历的一系列过程,称之为生命周期2. 生命周期的分为几个阶段?每个阶段有哪些钩子函数生命周期分为3个阶段,这三个阶段分别是: 初始化 、 运行中 、 销毁初始化阶段:有4个钩子函数 , 触发条件是自动的beforeCreate1. 组件即将创建,进行组件事件和生命周期的初始化2. 项目中一般不使用3. 有的开发者也会在这里进行数...原创 2019-05-28 22:03:17 · 156 阅读 · 0 评论 -
Vue过滤器
过滤器vue 1.x内部提供提供了 10 个过滤器, 这10个过滤器是针对 数字 纸币符号 日期 大小写 小数位数等的格式化 什么叫过滤器? 格式化数据的一个工具 举例: 12.22225 ---> 12.2 Tue May 28 2019 10:15:08 GMT+0800 (China Standard Time) -- > 2...原创 2019-05-28 17:49:07 · 513 阅读 · 0 评论 -
transition动画及动态组件缓存
transition动画vue中实现过渡或是动画一共提供了这样四种形式:1.在 CSS 过渡和动画中自动应用 class — 自己写css3动画<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" cont...原创 2019-05-28 17:31:31 · 592 阅读 · 0 评论 -
Vue slot 插槽
插槽1.普通插槽<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equi...原创 2019-05-28 17:22:35 · 168 阅读 · 0 评论 -
vue指令基本语法
模板语法 mustache语法 双大括号语法指令Vue指令组件作用: 是用来操作DOM的,指令就是绑定在DOM身上的一个属性,这个属性具备一定的功能,这个功能用来操作DOM以后我们不在像以前一样,先获取DOM,在操作了,我们现在可以直接使用指令来操作DOM这个指令需要模板语法的支持,所以我们采用jsx语法糖模板语法模板语法支持性还是很高的,数据类型都是支持的,但是不支持...原创 2019-05-23 17:47:45 · 147 阅读 · 0 评论 -
vue组件
组件组件化组件化是当今最为流行的一种可复用性增加的方法,随着当今前端开发的复杂度更加,这个组件化变得越来越流行组件的基础组件是一个具备html css img js …等的一个聚合体组件的表现形式就类似一个标签组件至少得有模板组件的具体使用Vue.js通过Vue.extend() 方法来扩展 组件的 使用Vue.extend( options ) 里面的options参...原创 2019-05-27 22:00:45 · 172 阅读 · 0 评论 -
vue简单todolist制作
html页面代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-e...原创 2019-05-27 20:16:41 · 443 阅读 · 1 评论 -
初识vue
1. 前端框架的发展历史前端工程师( 攻城狮 )12年出现html css + div,12年以前都是表格13年js 加入前端, jquery出现14年根据MVC模式angular1.0出现 , react也出现15年react很火,16年vue 微信小程序大火2. Vue.js第一次使用什么是框架?什么是库框架是有一套自己的生态系统的库是没有自己的生态系统的, 它就是...原创 2019-05-22 20:10:42 · 118 阅读 · 0 评论 -
vue数据请求及虚拟DOM
数据请求数据请求在前端开发中的使用有两种形式使用原生javascript提供的数据请求ajax( 四部曲,一般需要我们结合Promise去封装,使用不是很便利,但是效率很高 )fetch( 本身结合了Promise,并且已经做好了封装,可以直接使用 )使用格式:使用别人封装好的第三方库目前最流行的,使用率最高的是 axiosvue中我们最常使用的vue ...原创 2019-05-24 17:10:08 · 338 阅读 · 0 评论