vue的概括
1、vue.js介绍
vue.js是一套用于构建用于界面的渐进式框架。与其他大型框架不同的是,vue被设计为可以自底层向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动
2、vue的特点
1、采用组件化模式,提高代码复用率,且让代码更好的维护;
2、声明市编码,让编码人员无需直接操作DOM,提高开发效率。
3、命令式编码的缺点需要指定命令要干什么,声明式编码不理会过程如何
4、使用虚拟DOM+优秀的Diff算法,尽量复用DOM节点。虚拟DOM :内存的数据
5、如果值是undefind就不会展示到页面,并且不会进行报错处理,后添加的数据是不会做响应式的
3、vue.CLI(脚手架)
CLI (@vue/cli) 是一个全局安装的 npm 包,提供了终端里的 vue 命令。它可以通过 vue create 快速搭建一个新项目,或者直接通过 vue serve 构建新想法的原型
CLI 服务是构建于 webpack 和 webpack-dev-server 之上的
vue的实例
1、编写一个hello YKS网页
1、new Vue一个实例,第一参数为
el:指定当前Vue实例为哪个容器进行服务,通常为值为CSS选择器字符串。
2、new Vue第二个参数为data
data中用于存储数据,数据供el所指定的容器使用,值我们暂时写成一个对像
3、总结:
1、想让Vue工作必须创建一个Vue实例,且要传入一个配置对象
2、root容器里的代码依然符合HTML规范,只不过混入了一些特殊的Vue语法
3、root容器里的代码被称为【Vue模板】