Vue基础视频教程(一)

1、github上的网址：https://github.com/vuejs/vue

2、Vue中文文档：https://cn.vuejs.org/v2/guide/installation.html

3、CDN：http://www.bootcdn.cn/

4、看哥们儿，分享给我的视频-->

基础实验代码：

实验结果为：

5、computed使用：

需要写代码逻辑和业务逻辑，放在compute当中即可。

    Level {{level}}

运行结果为：

6、v-for、v-class(或者':class')、@click的使用

    

      
{{task.body}}
    

运行结果：

7、组件化：

数据传输：先new Vue中的data中的，再到body组件中的，最后到template标签中的引用。前提是把组件中的对data的引用包含到Vue.component中的props属性中。

运行效果：