[JavaScript知识库]web前端——Vue

Vue基础

1、初始vue：

• 想让vue工作，就要创建一个vue实例，且要传入一个配置对象。
• root容器中的代码依然符合html规范，只不过混进了一些特殊的vue语法。
• root容器中的代码被称为【vue模板】
• Vue实例和容器是一一对应的。
• 真实开发中只有一个Vue实例，并且会配合组件一起使用。
• {{xxx}}中的xxx要写js表达式，且xxx可以自动读取到data中的所有属性。
• 一旦data中的数据发生改变，那么页面中的用到该数据的地方都会自动更新。

????????区分js表达式和js代码：

? ? ? ? ? ? ? ? 1、js表达式：一个表达式会生成一个值，可以放在任何一个需要值的地方。如：a,a+b,demo(1),x===y?'a':'b'。

? ? ? ? ? ? ? ? 2、js代码（语句）：if（）{}，for（）{}

2、Vue特点

• 采用组件化模式，提高代码复用率，且让代码更好地维护。
• 声明式编码，让编码人员无需直接操作DOM，提高开发效率。
• 使用虚拟DOM+优秀的Diff算法，尽量复用DOM节点。