随笔分类 - Vue
Vue 之 六 单文件组件及Vue项目搭建
摘要:零:单文件组件 1.简介 在很多 Vue 项目中,我们使用 Vue.component 来定义全局组件,紧接着用 new Vue({ el: '#container '}) 在每个页面内指定一个容器元素 这种方式在很多中小规模的项目中运作的很好,在这些项目里 JavaScript 只被用来加强特定的
阅读全文
Vue 之五 生命周期钩子函数 自定义指令 过滤器
摘要:一、生命周期钩子函数 Vue组件的生命周期一共有8个函数目前只需要掌握2个 1 mounted用的最多:向后端发送请求,定时器初始化 2 destroyed:组件销毁 >给组件写一个定时器-->组件销毁,定时器清除 <!DOCTYPE html> <html lang="en"> <head> <m
阅读全文
Vue 之四 Swiper
摘要:一:简介 1.简介 Swiper常用于移动端网站的内容触摸滑动 Swiper是纯javascript打造的滑动特效插件,面向手机、平板电脑等移动终端 Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果 Swiper开源、免费、稳定、使用简单、功能强大,是架构移动终端网站的重要选择!
阅读全文
Vue 之三局部组件与全局组件
摘要:一:组件化开发基础 1.组件是什么?有什么用? 组件就是:扩展 HTML 元素,封装可重用的代码,目的是复用例如:有一个轮播图,可以在很多页面中使用,一个轮播有js,css,html组件把js,css,html放到一起,有逻辑,有样式,有html 组件的分类: 全局组件:可以放在根中 局部组件: 工
阅读全文
Vue 之三 与后端交互
摘要:零:与后端交互 - ajax 版本1 - 出现了跨域问题 前端:index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Vue与后端交互 - 出现了跨域问题</title> <script sr
阅读全文
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</
阅读全文
初始Vue
摘要:一、前端发展史 1.HTML(5)、CSS(3)、JavaScript(ES5、ES6):编写一个个的页面 -> 给后端(PHP、Python、Go、Java) -> 后端嵌入模板语法 -> 后端渲染完数据 -> 返回数据给前端 -> 在浏览器中查看 2.Ajax的出现 -> 后台发送异步请求,Re
阅读全文