寒假开始,复习了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和其它方面,争取寒假结束能做出一个更好的项目!