vue 基础(1)

该内容通过学习慕课网上的内容的笔记
链接:http://www.imooc.com/learn/694

大纲:
1、初步了解vuejs框架 (基于mvvm的模式,住要是针对view的内容);
2、前段模块化;
3、对ES6有初步了解;

vue 基础(1)_第1张图片
vue.js组件的模块划分

vue 基础(1)_第2张图片
从vue到页面

vue 基础(1)_第3张图片
一个最简单的实例

vue.js组件的重要选项##

vue 基础(1)_第4张图片
data选项(vue中对象的数据都是放在data中)

vue 基础(1)_第5张图片
method选项(vue上的方法)

vue 基础(1)_第6张图片
watch选项(监听对象的data等)

watch可以监听到的a发生变化,如果上面a+1后,下面的watch就会监听到。

vue和页面(html)展示连接 ——— 模板指令##

vue 基础(1)_第7张图片
数据渲染

vue 基础(1)_第8张图片
控制模块

vue 基础(1)_第9张图片
循环渲染

vue 基础(1)_第10张图片
时间绑定

vue 基础(1)_第11张图片
属性绑定(class中的v-bind省略)

PS:总结:


vue 基础(1)_第12张图片
小结

vue.js的基本原理是: 将app.vue 这个模板引入,通过import,然后new vue 这里可以通过componet这个字段来处理成为模板,然后在html里面就可以引入通过app的组件进行引入。
import : 是引进来
export : 暴露组件出去

上面的内容上基本上是了解了具体是vue的做义工是怎么样进行的了(也就是vue的原理)

你可能感兴趣的:(vue 基础(1))