Vue是什么:
一套用于构建用户界面的渐进式JavaScript框架。
构建用户界面:通过你的数据来构建界面。
渐进式:Vue可以自底向上逐层的应用。
简单应用:只需一个轻量小巧的核心库。
复杂应用:可以引入各式各样的Vue插件。
Vue的特点:
1.采用组件化模式,提高代码复用率,且让代码更好维护。
2.声明式编码,让编码人员无需直接直接操作DOM,提高开发效率。
3.使用虚拟DOM和优秀的Diff算法,尽量复用DOM节点。
el用于指定当前Vue实例为哪个容器服务,值通常为CSS选择器字符串。
data中用于存储数据,数据供el所指定的容器去使用。
<div id="root"> <h1>{{name}}</h1> </div> <script> new Vue({ el:'#root', data:{ name:'你好' } }) </script>
总结:
1.想让Vue工作,就必须创建一个Vue实例,且要传入一个配置对象。
2.root容器里的代码依然符合htm规范,只不过混入了一些特殊的Vue方法。
3.root容器里的代码被称为【Vue模板】。
4.Vue实例和容器是一一对应的。
5.真实开发中只有一个Vue实例,并且配合着组件一起使用。
6.{{xxx}}中的xxx要写js表达式,且xxx可以自动读取到data中的所有属性。
7.一旦data中的数据发生改变,那么页面模板中用到该数据的地方也会自动更新。