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

​​vue​​​——渐进式的​​javascript​​​框架，​​动态构建​​用户界面！

1. 借鉴经验

1. 借鉴了​​angular​​​的​​模板​​​和​​数据绑定​​技术
2. 借鉴​​react​​​的​​组件化​​​和​​虚拟DOM​​技术

2. ​​vue​​的特点。

1. 采用​​组件化​​模式，提高代码复用率，且让代码更好维护
2. ​​声明式​​编码，让编码人员无需直接操作DOM，提高开发效率

3. 简单的刷新会加载出来部分文件，强制刷新可以加载出完整的文件！
   强制刷新方法：​​shift​​+刷新
5. 阻止生成生产提示。



7. 创建vue的实例。（​​配置对象​​）
   ​​​new​​一个对象实例出来。



8. 页面代码：



9. 一个​​vue​​实例不能接管两个容器，只显示前面那个。
   一个容器只能被一个实例接管，前面的实例接管。
   插值​​{{ xxx }}​​里面应该写入​​js​​表达式。
   【区分】​​js​​表达式和​​js​​代码：



11. ​​v-bind​​​指令：
    单向的数据绑定，只能从​​data​​里流向页面



13. 数据绑定​​v-model​​双向的数据绑定，​​data​​中的数据流向页面，页面中的数据也流向​​data​​。完整写法：​​v-model:value​​。
    ​​v-model​​只能应用与​​表单​​类元素中。



15. 指定绑定容器的两种方法



16. ​​$​​开头的是​​vue​​对象中的方法。​​mount​​表示的挂载的意思
17. data的两种写法：

1. 对象写法
2. 函数写法（使用组件必须用函数写法）
   
   普通函数中的​​​this​​​仍然表示为​​vue​​​的实例。但是如果是箭头函数的话，​​this​​​则变为​​window​​​
   简单的写法：
   
   由vue管理的函数，一定不要写为箭头函数，会改变this的指向！！