study

摘要： 1.新建/pages/login.vue 2.安装cookie 3.Login.vue增加 4.Npm run dev刷新，cookie写入成功 5.为了统一鉴权，需要用到middleware,新建/middleware/userauth.js，如果需要了解middleware更多可以先从vue,e 阅读全文

摘要： 这时候我们完成了list.vue，但是怎么返回index.vue,这时候需要这个头部返回 1.我们使用现成的minu-ui,eleme的开源移动端 ,参考 https://www.cnblogs.com/hai-cheng/p/8760887.html 2.修改nuxt.config.js plug 阅读全文

摘要： 面是单页，下面实现一个列表页和分页加载的例子 1.新建pages/list.vue <template> <div> 分页加载列表页面 </div> </template> <script> export default { } </script> 2.我们从footer的首页改成更多，然后从foo 阅读全文

摘要： 那么现在问题来了，我现在是在index.vue获取了服务端的数据，怎么传值到maincontent.vue?当然你也可以把获取数据放在maincontent.vue，但假如有些数据同时在header,footer,maincontent.vue被引用，如果每个compnent都去请求，就太费性能了。 阅读全文

摘要： 接下来就是对接服务端接口，展示真实的数据 1.做了个虚拟接口地址：http://test.yms.cn/testjson.asp 输出数据： { "title": "单间出租", "price": "350.0元/月", "type": "1室1厅1卫", "square": "2", "keyWo 阅读全文

摘要： 1.接下来新建/component/maincontent.vue 把这些html代码copy到maincontent.vue 发现格式比较难看，就格式化一下 2.插件安装 beautify,安装后重启vs，按F1 搜beaut,格式化html 把css copy过来 刷新 样式有点问题。原来少了b 阅读全文

摘要： 接下来是一个比较常用，也比较重要的组件 swiper,可以自行搜索 vue swiper,有很多开源组件，我这里就复用之前一个熟悉的， 1.新建component/banner.vue 刷新报错： 要适应vue的报错信息，并快速定位错误，这个就scss依赖没加载 执行命令： Cnpm install 阅读全文

摘要： 目标地址：https://www.vyuan8.com/vyuan/plugin.php?id=vyuan_fangchan&module=fangchan&pid=10079&fid=70823 页面可以从上到下分为若干组件，导航，swiper幻灯,详情，推荐，底部 5个组件 1.先搞个头部导航 阅读全文

摘要： spa:single page applcation 1.components目录新建header.vue,footer.vue Header.vue Footer.vue Pages/index.vue修改如下 这里有3个注意点 (1) 必须template开头 (2) 最外层必须要div包括 ( 阅读全文

摘要： 1. 脚手架初始化： 2.输入项目相关信息 3.切换到项目目录下 安装依赖 Cd nuxtmyms Cnpm install 4.运行 Npm run dev 5.查看效果 浏览器运行 localhost:3000 6.vscode打开项目 阅读全文

摘要： 百度了解下，简单说就是vue的seo化，因为vue是spa，不支持seo，从本地运行的源码可以看出来，html没有tkd和相关文字，导致百度收录困难，所以nuxt可以很好的解决这个问题， 举个例子：纯vue的： 从mingyou.com的源码和网络请求可以看出，nuxt把你需要被seo收录的都展现出 阅读全文