随笔分类 -  vue-基础day04

路由功能演示 (二级路由)
摘要：``` <!DOCTYPE html .router link active { color: green; font size: 30px; } .box { border: 1px solid black; } nav { border: 1px solid red; } <! router l 阅读全文
posted @ 2019-05-28 23:19 193557749 阅读(231) 评论(0) 推荐(0)
17-基础-路由-vue-router-编程式导航
摘要：``` <!DOCTYPE html Document .router link exact active { color: red; } <! 1.设置链接 主页 热点 关于我们 <! 需求: 不想通过router link标签改标识 使用js方法改标识 我是第四个导航 <! 2. 提供容器:将来 阅读全文
posted @ 2019-05-28 23:11 193557749 阅读(194) 评论(0) 推荐(0)
16-基础-路由-vue-router-重定向
摘要：``` <!DOCTYPE html Document <! 1.设置链接 主页 <! 需求:点击top 渲染home组件 热点 关于我们 <! 2. 提供容器:将来渲染组件 // 3. 提供要渲染的组件选项(对象) const Home = { template: }; const Top = { 阅读全文
posted @ 2019-05-28 23:07 193557749 阅读(303) 评论(0) 推荐(0)
15-基础-路由-vue-router-to 属性赋值
摘要：``` <!DOCTYPE html Document <! 1.设置链接 <! to值 字符串 主页 <! to值 变量 热点 <! to值 可以是{path等} 关于我们 <! to值 可以是{name等} AAA <! to值 可以是{params:{参数名:值}} <! <router li 阅读全文
posted @ 2019-05-28 23:02 193557749 阅读(3209) 评论(0) 推荐(0)
14-基础-路由-vue-router-动态路由
摘要：``` <!DOCTYPE html Document <! 1.设置链接 主页 <! 目的: 点击三个不同的router link 渲染同一个组件 点击 篮球/足球/乒乓球按钮 渲染Ball组件 足球 篮球 乒乓球 <! 2. 提供容器:将来渲染组件 // 3. 提供要渲染的组件选项(对象) co 阅读全文
posted @ 2019-05-28 22:58 193557749 阅读(141) 评论(0) 推荐(0)
13-基础-路由-vue-router-使用步骤
摘要：``` <!DOCTYPE html Document <! 1.设置链接 主页 热点 关于我们 <! 2. 提供容器:将来渲染组件 // 3. 提供要渲染的组件选项(对象) const Home = { template: }; const Top = { template: }; const A 阅读全文
posted @ 2019-05-28 22:55 193557749 阅读(190) 评论(0) 推荐(0)
12-基础-路由-vue-router-体验
只有注册用户登录后才能阅读该文。
posted @ 2019-05-28 22:54 193557749 阅读(0) 评论(0) 推荐(0)
10-基础-路由-js 实现路由
摘要：``` Document AAA BBB CCC DDD ``` ![](https://img2018.cnblogs.com/blog/1490002/201905/149000... 阅读全文
posted @ 2019-05-28 22:53 193557749 阅读(184) 评论(0) 推荐(0)
06-基础-组件-父子组件传值-总结
摘要：``` <!DOCTYPE html Document <! 2. 使用组件 赋值 Vue.component("com a", { template: ` <div 我是来自父组件的数据 {{a}} </div `, // 1. 定义一个属性(变量) 此时没值 props: ["a"], meth 阅读全文
posted @ 2019-05-28 22:51 193557749 阅读(181) 评论(0) 推荐(0)
04-1-基础-组件-父子组件传值-props
摘要：``` <!DOCTYPE html Document <! 渲染各个组件的容器 <! <div id="abc" </div <! <child a msgchilda="str" </child a <! <child a :msgchilda="str" </child a // 需求: 想把 阅读全文
posted @ 2019-05-28 22:47 193557749 阅读(249) 评论(0) 推荐(0)
04-2-基础-组件-父子组件传值-props
摘要：``` <!DOCTYPE html Document <! 渲染各个组件的容器 // 需求: 想把根(父)组件的数据data中的某个数据msg传递给子组件child a去使用({{数据}}) Vue.component("child a", { template: `<div 我是子组件 {{co 阅读全文
posted @ 2019-05-28 22:46 193557749 阅读(162) 评论(0) 推荐(0)
02-基础-组件-组件嵌套
摘要：``` <!DOCTYPE html Document <! 这个位置是组件的视图内容< 选项template com a child c parent a Vue.component("child a", { template: }); Vue.component("child b", { tem 阅读全文
posted @ 2019-05-28 22:42 193557749 阅读(136) 评论(0) 推荐(0)