摘要： 一个被渲染组件同样可以包含自己的嵌套 <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代码 三、题外话：改变数组 阅读全文

摘要： {{ }} 将元素当成纯文本输出 v-htmlv-html会将元素当成HTML标签解析后输出 v-textv-text会将元素当成纯文本输出 代码： 运行结果： 阅读全文

摘要： 全局注册： 要注册一个全局组件，可以使用 Vue.component(tagName, options)。 注意确保在初始化根实例之前注册组件： html代码： JS代码： 一：DOM 模板解析注意事项 当使用 DOM 作为模板时 (例如，使用 el 选项来把 Vue 实例挂载到一个已有内容的元素上 阅读全文