vue的相关注解（2022-04-22学习笔记）

​

​vue​

​​——渐进式的​

​javascript​

​​框架，​

​动态构建​

​用户界面！

1. 借鉴经验

1. 借鉴了​

   ​angular​

   ​​的​

   ​模板​

   ​​和​

   ​数据绑定​

   ​技术
2. 借鉴​

   ​react​

   ​​的​

   ​组件化​

   ​​和​

   ​虚拟DOM​

   ​技术

1. ​

   ​vue​

   ​的特点。

1. 采用​

   ​组件化​

   ​模式，提高代码复用率，且让代码更好维护
2. ​

   ​声明式​

   ​编码，让编码人员无需直接操作DOM，提高开发效率

1. 简单的刷新会加载出来部分文件，强制刷新可以加载出完整的文件！

   强制刷新方法：​

   ​shift​

   ​+刷新
2. 阻止生成生产提示。



3. 创建vue的实例。（​

   ​配置对象​

   ​）

   ​​

   ​new​

   ​一个对象实例出来。



4. 页面代码：



5. 一个​

   ​vue​

   ​实例不能接管两个容器，只显示前面那个。

   一个容器只能被一个实例接管，前面的实例接管。

   插值​

   ​{{ xxx }}​

   ​里面应该写入​

   ​js​

   ​表达式。

   【区分】​

   ​js​

   ​表达式和​

   ​js​

   ​代码：



6. ​

   ​v-bind​

   ​​指令：

   单向的数据绑定，只能从​

   ​data​

   ​里流向页面



7. 数据绑定​

   ​v-model​

   ​双向的数据绑定，​

   ​data​

   ​中的数据流向页面，页面中的数据也流向​

   ​data​

   ​。完整写法：​

   ​v-model:value​

   ​。

   ​

   ​v-model​

   ​只能应用与​

   ​表单​

   ​类元素中。



8. 指定绑定容器的两种方法
9. ​

   ​$​

   ​开头的是​

   ​vue​

   ​对象中的方法。​

   ​mount​

   ​表示的挂载的意思
10. data的两种写法：

1. 对象写法

2. 函数写法（使用组件必须用函数写法）

   普通函数中的​​

   ​this​

   ​​仍然表示为​

   ​vue​

   ​​的实例。但是如果是箭头函数的话，​

   ​this​

   ​​则变为​

   ​window​

   ​​

   简单的写法：

   由vue管理的函数，一定不要写为箭头函数，会改变this的指向！！