vue的特点
1、采用组件化模式,提高代码复用率、且让代码更好维护
2、声明式编码,让编码人员无需直接操作DOM,提高开发效率
(命令式编码)说一下动一下
3、使用虚拟DOM+优秀Diff的算法,尽量复用DOM节点
初识vue:
1、想让Vue工作,就必须创建一个Vue实例,且要传入一个配置对象;
2、root容器里的代码依然符合html规范,只不过混入了一些特殊的Vue语法;
3、root容器里的代码被称为【Vue模板】
4、Vue实例和容器是一一对应的;
5、真实开发中只有一个Vue实例,并且会配合着组件一起使用;
6、{
{xxx}}中的xxx要写js表达式,且xxx可以自动读取到data中所有属性;
7、一旦data中的数据发生改变,那么模板中用到该数据的地方也会自动更新;
注意区分:js表达式 和 js代码(语句)
1、表达式:一个表达式会产生一个值,可以放在任何一个需要值的地方;
(1)a
(2)a+b
(3)demo(1)
(4)x === y ? 'a' : 'b'
2、js代码(语句)
(1)if(){}
(2)for(){}
v-bind: 绑定,把引号里的东西当成js表达式去执行 简写 :
插值语法:用于解析标签体内容
例如:
插值范围
指令语法:用于解析标签(包括:标签属性、标签体内容、绑定事件......)
例如:v-bind:href="xxx" 或简写为 :href="xxx"