摘要: 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 小小小~ 阅读(333) 评论(0) 推荐(1) 编辑
摘要: var routes = new VueRouter({ // routes: 表示一个路由规则对象 // routes表示一个数组,里面可以有多个路由对象 ,每一个路由对象都有两个必写项,path表示监听的路径地址,compontents表示path路由规则匹配的对应的模板对象,这里只接受一个对象 阅读全文
posted @ 2020-01-13 17:40 小小小~ 阅读(13248) 评论(0) 推荐(0) 编辑
摘要: <!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 小小小~ 阅读(291) 评论(0) 推荐(0) 编辑
摘要: 什么是后端路由:对于普通的网站,所有的超链接都是URL地址,所有的URL地址都对应服务器上对应的资源 什么是前端路由:对于单页面应用程序来说,主要通过URL中的hash(#号)来实现不同页面之间的切换,同时,hash有一个特点,HTTP请求中不会包含hash相关的内容;所以,单页面程序中页面跳转主要 阅读全文
posted @ 2020-01-12 16:00 小小小~ 阅读(1059) 评论(0) 推荐(0) 编辑
摘要: <!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 小小小~ 阅读(7528) 评论(0) 推荐(0) 编辑
摘要: <!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 小小小~ 阅读(761) 评论(0) 推荐(0) 编辑
摘要: <!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 小小小~ 阅读(2307) 评论(0) 推荐(0) 编辑
摘要: <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 小小小~ 阅读(667) 评论(0) 推荐(0) 编辑
摘要: 什么是组件化:组建的出现,就是为了拆分Vue实例的代码量的,能够让我们以不同的组件,来划分不同的功能模块将来我们需要什么样的功能,就可以去调用对应的组件即可 组件画和模块化的不同: 模块化:是从代码逻辑的角度进行划分;方便代码分层开发,保证每个功能模块的职能单一; 组件化:是从UI界面的角度进行划分 阅读全文
posted @ 2020-01-09 10:10 小小小~ 阅读(3374) 评论(1) 推荐(0) 编辑
摘要: vue中的私有组件的data必须是一个函数,并且在函数中要return一个对象,并且格式要写成return{},不能在外部定义一个对象,在这里进行返回,否则出现意想不到的错误 <div id="app"> <temp1></temp1> </div> <template id="eg1"> <div 阅读全文
posted @ 2019-12-15 16:46 小小小~ 阅读(520) 评论(0) 推荐(0) 编辑