daoket/vue.news

Vue 新闻浏览

查看Demo，在手机上效果更好，扫一扫体验

实现的功能

1. 首页轮播图
2. 新闻实时请求、点击加载更多
3. 请求新闻时加载动画
4. 菜单栏的显示和隐藏
5. 搜索界面
6. vuex

未实现的功能

• 搜索

Build Setup

# 下载或克隆下来，然后安装依赖
npm install

# 开发预览
npm run start

# 打包发布，生成的文件在dist文件夹中
npm run build

截图

首页

菜单

vue.news's Issues

请教（入口文件里面的js是啥意思）

<script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?1d4099e9f127a3d89f5334a970ce2196"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s) })(); </script>

路由配置为什么有两个/select

// 路由配置
routes: [
{
path: '/select',
component: Select
}, {
path: '/select',
component: Select
}, {
path: '/point',
component: Point
}, {
path: '/author',
component: Author,
meta: { requiresAuth: true }
}, {
path: '/*',
component: Select
}
]

是不是重复了？

请教一个vuex的属性映射的写法的问题。

能请教一个小问题吗？
我看到关于mapState/mapMutations这些的地方，你的写法都是跟文档不一样的。、

computed: {
    ...mapState({   //这些写法你是从何得知的呢？然后你可以跟我说一下为什么可以这样写吗？
      searchNews: state => state.SelectStore.searchNews
    })
  },

因为官方文档给出的事例是这样的

computed : mapState({
     searchNews: state => state.SelectStore.searchNews
})

另外你的mapMutations也都是这样写的。还望指点一下：

这些写法你是从何得知的呢？然后你可以跟我说一下为什么可以这样写吗？

接口

你好 接口不能用了 请问 一般自己写项目练习 接口怎么弄......

vue-lazyload

你好，请教一个问题:

目录
__ src
  |_ assets
     |_ imgloading.gif
     |_ imgerror.jpg
__ static
  |_ imgloading.gif
  |_ imgerror.jpg

// src/main.js
Vue.use(VueLazyload, {
  error: './assets/imgs/imgerror.jpg',
  loading: './assets/imgs/imgloading.gif',
  preLoad: 1,
  attempt: 1
});

执行npm run dev在浏览器中报错http://localhost:8080/assets/images/.... 找不到，把上面的路径改成/src/assets/imgs/imgerror.jpg同样报错。
然后我把图片放在与src同级的文件夹static下面，改写代码：

// src/main.js
Vue.use(VueLazyload, {
  error: '../static/imgerror.jpg',
  loading: '../static/imgloading.gif',
  preLoad: 1,
  attempt: 1
});

图片就可以加载成功，想到很久没上面头绪。

你好 刚接触这个东西 不太会用 你们有没有学习群之类的

给的demo演示 首页加载不会出来呀

(请教)select页面渲染的内容

运行整个项目，select页面渲染的是接口请求已达上限 /(ㄒoㄒ)/~~！！！选择和AI聊天，缓解失望的心情吧：，感觉没有跟代码写的一样

{{news.title}}

{{news.source}} | {{news.pubDate}}

点击加载更多

/(ㄒoㄒ)/~~， 请求到数据失败!

（请教）为啥在Nav.vue组件中写一个setPath方法

请问给router-link绑定链接的时候，为啥不直接m.path，而需要写一个setPath方法返回？这样写是有什么特殊含义吗？