随笔分类 -  Vue

Vue - Swiper
摘要：一：简介 1.简介 Swiper常用于移动端网站的内容触摸滑动 Swiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端 Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果 Swiper开源、免费、稳定、使用简单、功能强大，是架构移动终端网站的重要选择！ 阅读全文
posted @ 2020-12-18 21:31 轻描丨淡写 阅读(970) 评论(0) 推荐(0)
Vue - 组件化开发
摘要：零：单文件组件 1.简介 在很多 Vue 项目中，我们使用 Vue.component 来定义全局组件，紧接着用 new Vue({ el: '#container '}) 在每个页面内指定一个容器元素 这种方式在很多中小规模的项目中运作的很好，在这些项目里 JavaScript 只被用来加强特定的 阅读全文
posted @ 2020-12-18 21:29 轻描丨淡写 阅读(423) 评论(4) 推荐(0)
Vue - 生命周期
摘要：一：生命周期图 1.官网原图 3.我理解的图 二：生命周期 create let vm = new Vue() mount 挂载，把div挂载到组件中 update let vm = new Vue({ el: '#box', data: { isShow: true // 修改这个内容 }, me 阅读全文
posted @ 2020-12-18 21:28 轻描丨淡写 阅读(208) 评论(0) 推荐(0)
Vue - 组件
摘要：一：组件化开发基础 1.组件是什么？有什么用？ 组件就是：扩展 HTML 元素，封装可重用的代码，目的是复用 例如：有一个轮播图，可以在很多页面中使用，一个轮播有js，css，html 组件把js，css，html放到一起，有逻辑，有样式，有html 组件的分类： **全局组件：**可以放在根中 局 阅读全文
posted @ 2020-12-18 21:27 轻描丨淡写 阅读(290) 评论(0) 推荐(0)
Vue - 与后端交互
摘要：零：与后端交互 - ajax 版本1 - 出现了跨域问题 前端：index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Vue与后端交互 - 出现了跨域问题</title> <script sr 阅读全文
posted @ 2020-12-18 21:26 轻描丨淡写 阅读(625) 评论(0) 推荐(0)
Vue - 基础
摘要：一：条件渲染 指令 释义 v-if 相当于： if v-else 相当于：else v-else-if 相当于：else if <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>if、else if、else< 阅读全文
posted @ 2020-12-18 21:25 轻描丨淡写 阅读(305) 评论(0) 推荐(0)
Vue - 入门
摘要：零：前端目前形势 前端的发展史 1.HTML(5)、CSS(3)、JavaScript(ES5、ES6)：编写一个个的页面 → 给后端(PHP、Python、Go、Java) → 后端嵌入模板语法 → 后端渲染完数据 → 返回数据给前端 → 在浏览器中查看 2.Ajax的出现 → 后台发送异步请求， 阅读全文
posted @ 2020-12-18 21:24 轻描丨淡写 阅读(326) 评论(0) 推荐(1)