
JavaScript
晨曦之光11
这个作者很懒,什么都没留下…
展开
-
Vue-路由导航菜单栏的高亮设置
默认情况下,路由的导航菜单,会自动给当前菜单添加router-link-exact-active 和router-link-active 类。 我们可以通过 linkActiveClass 来修改 router-link-active 这个类名, 在路由规则配置中添加配置项linkActiveClass: ‘mui-active’,通过’mui-active’来自定义控制菜单栏切换样式原创 2017-11-12 19:49:24 · 6183 阅读 · 0 评论 -
Vue-文章详情页的评论功能(抽取为公共组件-评论组件)
文章详情:父组件 评论组件:子组件 评论组件的数据获取需要知道文章的id,涉及到父子组件的通信父组件传递数据给子组件 父组件通过属性commentId把数据传递给子组件,id数据从地址栏获取 子组件通过props: [‘commentId’],配置项接收父组件传递的数据父组件使用子组件 第一步 在父组件中引入评论组件:import Comment from ‘../comment/C原创 2017-11-12 21:35:34 · 4099 阅读 · 0 评论 -
vscode活动模板添加
{ /*// Place your snippets for HTML here. Each snippet is defined under a snippet name and has a prefix, body and // description. The prefix is what is used to trigger the snippet and the body原创 2017-11-20 17:28:37 · 1873 阅读 · 0 评论 -
vue基础--组件通信
父子组件通信父到子步骤:在 子组件标签上 通过添加自定义属性的方式, 指定要传递的数据在 子组件中 通过 props 属性, 显示指定 由父组件传递过来的数据. 然后, 才可以在子组件中使用使用<div id="app"> //:foo 表示要传递给子组件一个叫做 foo 的属性, 它的值是:父组件中的msg属性的值 <child :foo="msg"></child></d原创 2017-12-08 15:53:21 · 259 阅读 · 0 评论 -
箭头函数
箭头函数自身不绑定this,箭头函数内部的this由外部的this决定语法 () => {} 没有参数(必须由小括号) item => {} 一个参数(可以省略小括号) (item) => {} 一个参数 (item, index) => {} 两个参数(必须带有小括号)原创 2017-12-05 16:06:22 · 565 阅读 · 0 评论