讲师回答 / 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
讲师回答 / Brian
非常不错。给你几个建议吧!都是样式部分的:对于移动端,可以使用flex布局,又好看,又简单。可以参考 flex布局对于整个App,要统一色调,下面的按钮上有一条线,是个青色的,很扎眼睛。我看到你用到了css3中的box-shadow,非常不错,但是有一个属性要注意一下。box-shadow: 0 2px 0 rgba(0,0,0,.2);,第三个属性值是扩散,这里加一点点扩散效果会比较好。参考:box-shadow
2019-03-13
讲师回答 / Brian
如果要渲染style,需要这样写<div :style="{'color': styMsg}"></div>如果需要使用class的方法绑定,那就直接写上去,不需要vue<div class='styMsg'></div>style部分:.styMsg { color: red;}
2019-03-12
讲师回答 / Brian
目前,鉴于我们免费课程的时长限制,我们不能在这么短的时间把所有的内容全讲一遍,非常抱歉。我们安排了付费的全栈课程,里面会有工作流、项目生命周期及vue的相关知识的深化介绍,会在后续推出,大概5-6月期间,尽请关注。同样,我会同步更新我的微博与博客内容,如果有学习方面的问题,可以来问我。
2019-03-11
讲师回答 / Brian
我怀疑是你的路由不对 应该是去请求 /home/list, 而非/home。然后检查一下,home下面的是不是只有一个router-view。有没有重复添加组件。
2019-03-08