Vue小项目——仿cnode.js社区

寒假开始，复习了Vue的基本指令后，决定从简单项目开始，真正用Vue做一些实际项目，作为练手，我先做了cnode社区的初级项目，主要用了cnode的api信息，然后进行内容展示。算是把Vue-cli和Vue-router复习着用了一下

代码在GitHub上，地址：https://github.com/ChrisXYF/Vue-cnode-.git 求star！（?）

坑点：

1.在router-link里 :to="{name:' xxxx'}",这个name里的内容必须用单引号' ' ，不能用双引号

2.在script里尽量用ES6语法

3.同一路由下进行数据更新，得使用watch实时更新，不用watch则页面不会进行变化，除非刷新

4.在使用v-html引用外部内容时，该vue文件下的style标签不要加scoped 不然不会对外部内容进行css限制

5.Vue的axios使用在main.js里引用 Vue.prototype.$http = axios;之后使用时为 this.$http({})就可以。有点像ES6的promise

6.项目打包：

1.把config文件里index.js的build里

build: {

// Template for index.html

index: path.resolve(__dirname, '../dist/index.html'),

// Paths

assetsRoot: path.resolve(__dirname, '../dist'),

assetsSubDirectory: 'static',

assetsPublicPath: './',

这个路径必须是相对路径，不然加载会有问题

2.把之前在index.js（路由文件）下的mode：‘history’屏蔽掉再打包，加上是因为在测试时路径好看，但打包不允许。

7.npm莫名其妙不见了

有一天npm突然在文件里消失了，这个解决办法我查了半天，虽然不知道原因（我手误删了？），但是解决了，就是要么重装node，要么把安装包在安在原来路径，会补回来npm

下一段，将继续深入学习Vuex和其它方面，争取寒假结束能做出一个更好的项目！

Vue小项目——仿cnode.js社区相关推荐

vue小项目整理—main.js（一）
1.在main.js中引入vue-router插件(引用组件地址)和vue-resource(为了使用外部json数据)插件. import vueRouter from 'vue-router' i ...
适合初学者练手的vue小项目（附github源码）
vue慢慢的成为了前端最受欢迎的框架之一,在很多项目之中开发都能用得到,如今也已经发展到3.0了,可能是因为这个框架可以提高工作效率,因此受到大家的追捧,在之前的文章里面也说过,2019年,大前端学习 ...
适合初学者练手的vue小项目
1:Vue2.0入门项目 https://github.com/SD-Gaming/Vue2.0_to_do_list-addName- 2:慕课网Vue2.0购物车教程(注释版) https://g ...
初学者练手的vue小项目
1:Vue2.0入门项目 https://github.com/SD-Gaming/Vue2.0_to_do_list-addName- 2:慕课网Vue2.0购物车教程(注释版) https://g ...
android 仿qq修改头像,Qt:小项目仿QQ修改头像界面，技术点记录
最近写了一个修改头像功能的UI,布局参考了QQ目前的修改头像界面.如下图这里主要说明一下两个地方的技术:1.头像图片上层的遮罩层,圆形外部为灰色,内部为全透明:2.上传图片宽高比例可以通过鼠标拖拽移 ...
Vue小项目Mock.js的学习
前后端分离项目前后端约定好API接口&数据&参数前后端并行开发,前端工程师只需要编写HTM页面,通过HTTP请求调用后端提供的接口服务即可.后端只要愉快的开发接口就行了.无强依赖, ...
Vue Cli项目使用PDF.js预览pdf无法访问到viewer.html
今天在开发移动端项目中有个需求是手机端预览pdf,ios可以直接在浏览器预览,安卓不行,所以使用pdf.js来解决,之前项目用过该插件很好用,但是今天使用的时候发现根本没有访问到viewer.html ...
ant vue 设置中文_vue+Ant design vue做项目-Go语言中文社区
哈喽哈喽,这期带来蚂蚁金服的一个 Ant Design 的 Vue 实现. 样式还是很现代化的,嗯...现在是2019年9月17,对现在来说还很fashion过几年就不知道了. 话不多说直接上手,喜欢 ...
签到APP：android入门级小项目，Node.js 提供服务端接口。
2019独角兽企业重金招聘Python工程师标准>>> ###一.项目描述实验室小伙伴们通过APP连接实验室路由器,比对路由器Mac地址进行签到.此外小伙伴们还可通过APP进行 ...
vue小项目总结与笔记【五】——一个轮播图插件vue-awesome-swiper
本次使用github上的一个开源插件,使用的是2.6.7稳定版本.安装指定版本的方法:在插件名后面加@版本号 ,即可 npm install vue-awesome-swiper@2.6.7 --sa ...

Vue小项目——仿cnode.js社区

坑点：

Vue小项目——仿cnode.js社区相关推荐

最新文章

热门文章