摘要:
一个被渲染组件同样可以包含自己的嵌套 <router-view>。同样要有vue-router的三个要素:路由map 、路由视图、路由导航。 举个在"/apple" 下再嵌套路由的例子。要素一:路由map 子路由需要在 VRouter 的参数中使用 children 配置: 要素二:路由视图 在上级 阅读全文
摘要:
一、<router-link :to="..."> to里的值可以是一个字符串路径,或者一个描述地址的对象。例如: 二、router.push(...)方法 同样的规则也适用于router.push(...)方法。 三、注意点 1、关于带参数的路由总结如下: 无论是直接路由“path" 还是命名路由 阅读全文
摘要:
安装vue-router模块 使用vue-router前要先安装vue-router库 使用vue-router vue-router有三个要素:路由map 路由视图 路由导航。路由map指路由与组件的映射关系;路由视图指路由映射对应组件的渲染位置;路由导航指可以使地址栏发生变化的导航链接。一、路由 阅读全文
摘要:
一、下载安装node.js下载地址:https://nodejs.org/en/download/,选择合适自己的版本下载,我下载的是Windows Installer (.msi) 32.bit。二、启用cmd使用node提供的npm包管理工具 ,可以使用cnpm代替npm。方法一:使用npm安装 阅读全文
摘要:
box-shadow是给元素块添加周边阴影效果基本语法是: {box-shadow:[inset] x-offset y-offset blur-radius spread-radiuscolor} {box-shadow:方向 水平偏移 竖直偏移 模糊距离 阴影尺寸} "混合模式":Photosh 阅读全文
摘要:
在 Vue 中,父子组件的关系可以总结为 prop 向下传递,事件向上传递。一、父组件向子组件传值 使用 Prop 传递数据,父组件的数据需要通过 prop 才能下发到子组件中,子组件要显式地用 props 选项声明它预期的数据。 然后我们可以这样向它传入一个普通字符串: 也可以用 v-bind 来 阅读全文
摘要:
v-bind 用于 class 和 style 时,表达式结果的类型除了字符串之外,还可以是对象或数组。v-bind绑定class类名一、字符串语法 如果想根据条件切换列表中的 class,可以用三元表达式: 二、对象语法 我们可以传给 v-bind:class 一个对象,以动态地切换 class: 阅读全文
摘要:
v-for 指令需要以 site in sites 形式的特殊语法 一、v-for 循环数组 HTML代码 JS代码 可以提供第二个参数为索引 HTML代码 二、v-for 循环迭代对象属性值 HTML代码 JS代码 可以提供第二个的参数为键名;第三个参数为索引; HTML代码 三、题外话:改变数组 阅读全文