VUE基础--基本认识

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实例,其中有很多的动态数据需要实例去处理,该如何解决呢?

答案是将所有数据分类拆分,对应就是在容器和实例中产生了很多的标签和组件分类管理。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值