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和其它方面，争取寒假结束能做出一个更好的项目！