01 2020 档案

vue中命名视图实现经典布局
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2020-01-18 15:35 小小小~ 阅读(632) 评论(0) 推荐(0)
vue中嵌套路由
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2020-01-18 15:30 小小小~ 阅读(259) 评论(0) 推荐(0)
vue中传参方式2
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2020-01-17 11:38 小小小~ 阅读(352) 评论(0) 推荐(0)
vue中的传参方式1
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2020-01-15 17:41 小小小~ 阅读(295) 评论(0) 推荐(0)
实现路由高亮的两种形式
摘要：1、使用vue-router为我们提供好的类名，添加你想要的样式（例：router-link-exact-active router-link-active） 2、在new的VueRouter实例身上进行修改 var routes = new VueRouter({ routes: [ { path 阅读全文
posted @ 2020-01-13 18:14 小小小~ 阅读(346) 评论(0) 推荐(1)
vue中的redirect重定向
摘要：var routes = new VueRouter({ // routes: 表示一个路由规则对象 // routes表示一个数组，里面可以有多个路由对象 ，每一个路由对象都有两个必写项，path表示监听的路径地址，compontents表示path路由规则匹配的对应的模板对象，这里只接受一个对象 阅读全文
posted @ 2020-01-13 17:40 小小小~ 阅读(13305) 评论(0) 推荐(0)
vue-router的简单练习
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2020-01-13 16:02 小小小~ 阅读(311) 评论(0) 推荐(0)
vue中的前端路由和后端路由的区别
摘要：什么是后端路由：对于普通的网站，所有的超链接都是URL地址，所有的URL地址都对应服务器上对应的资源 什么是前端路由：对于单页面应用程序来说，主要通过URL中的hash（#号）来实现不同页面之间的切换，同时，hash有一个特点，HTTP请求中不会包含hash相关的内容；所以，单页面程序中页面跳转主要 阅读全文
posted @ 2020-01-12 16:00 小小小~ 阅读(1099) 评论(0) 推荐(0)
vue使用ref操作DOM元素
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2020-01-12 15:46 小小小~ 阅读(7561) 评论(0) 推荐(0)
vue中使用组件完成简单的发布评论的功能
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2020-01-12 11:57 小小小~ 阅读(830) 评论(0) 推荐(0)
vue子组件通过事件获取父组件的方法并传值
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2020-01-10 18:30 小小小~ 阅读(2337) 评论(0) 推荐(0)
vue中父组件向子组件传值
摘要：<div id="app"> {{msg}} <logn v-bind:fuzujian="msg" ></logn> app控制的区域为父组件 logn为私有的子组件 </div> <script> var vm = new Vue({ el:"#app", data:{ msg:"这是父组件的内 阅读全文
posted @ 2020-01-09 18:12 小小小~ 阅读(676) 评论(0) 推荐(0)
vue 组件与模块化的区别
摘要：什么是组件化：组建的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件，来划分不同的功能模块将来我们需要什么样的功能，就可以去调用对应的组件即可 组件画和模块化的不同： 模块化：是从代码逻辑的角度进行划分；方便代码分层开发，保证每个功能模块的职能单一； 组件化：是从UI界面的角度进行划分 阅读全文
posted @ 2020-01-09 10:10 小小小~ 阅读(3418) 评论(1) 推荐(0)