讲师回答 / Brian
在ES5语法下面,直接使用cdn的方式引入 vue.js,然后就直接可以写Vue相关的语法了(ES5)如果需要使用vue文件(ES6语法),你就需要类似webpack+babel这一类的打包工具了,它们提供了转义与打包的基础功能。参考链接:vue起步cli服务如何在传统项目中使用cli或者说使用vue文件呢?很简单,配置一个webpack配置就行了。基本的流程如下:npm init初始化一个项目添加webpack.config.js配置,添加babel + vue loader,使用webpack命令进行...
2019-03-18
讲师回答 / Brian
有代码吗?从console里面看到,有一个变量msg在页面上使用了,但是data中并未定义的错误。vue的chrome插件,建议翻看一下我的回复,我上传到了github与课程源码一起,可以参考一下。在about页面,取值可以使用computed属性:count () { return this.$store.state.count}这样,每次,commit提交过来的改变会改变store中的state,同样,在about页面中,computed会同步state的数据(监听)。
2019-03-16
讲师回答 / Brian
哈哈,来来来,逻辑问题,别把自己绕进去了。你说的对,if条件不满足就会输出else中的,这就是If else条件渲染。那我们来看看我们的例子:
&lsediv v-for="item in list"&/di &<div v-if="item.age ...
2019-03-15
刷新页面后Vuex的store会被清空, 所以可能还是要与localStorage, Cookie等方法结合, 参考https://www.jianshu.com/p/9d805d749456,
https://stackoverflow.com/questions/43027499/vuex-state-on-page-refresh
https://stackoverflow.com/questions/43027499/vuex-state-on-page-refresh
2019-03-14
讲师回答 / Brian
非常不错。给你几个建议吧!都是样式部分的:对于移动端,可以使用flex布局,又好看,又简单。可以参考 flex布局对于整个App,要统一色调,下面的按钮上有一条线,是个青色的,很扎眼睛。我看到你用到了css3中的box-shadow,非常不错,但是有一个属性要注意一下。box-shadow: 0 2px 0 rgba(0,0,0,.2);,第三个属性值是扩散,这里加一点点扩散效果会比较好。参考:box-shadow
2019-03-13