1.特点
1.组件式 提高复用性和开发效率
2.声明式编码 不需要直接操作dom 提高效率
3.使用虚拟dom和diff算法 尽量复用dom节点
先从原生js开始进阶 不采用vue-cli
在浏览器安装vue插件 edge可以直接安装 谷歌需要github下载或者直接使用魔法下载安装插件
下载vue开发者工具(工具库)官网直接下载就可以
2.简单案例
参考官网api
vue.config 修改全局配置,找到需要修改的配置重新赋值即可, 其实也可以在工具库vue.js找到配置手动修改
3.结构和基本使用
开发工具使用的是ws favicon.ico文件需要自己放到根目录下 此处可以没有 只是一个图标显示问题
基本使用 :
总的就是先创建容器,再通过实例去处理数据 通过el指定关联
拿着容器去实例中检测解析有没有vue的语法规则,匹配处理后再将处理的数据填充回容器中
容器就是封装和展示数据的地方类似于模板样例 实例负责对指定容器的数据进行逻辑处理
{{ }} 插值语法 用于取出data中对应的数据(此处实际是取的是vue实例中_data中的数据)
代码中的const x 可以省略 此处还没有涉及或者用到vue具体对象去取值
一个容器对应一个vue实例 一对一关系
那么问题来了,当实际业务中一个大的容器对应一个大的vue实例,其中有很多的动态数据需要实例去处理,该如何解决呢?
答案是将所有数据分类拆分,对应就是在容器和实例中产生了很多的标签和组件分类管理。