vue学习之插值表达式{{}}与显示数据(v-text和v-html)

1.  记得导入

 1. 插值表达式{{}}

    
    
    


    

        
我最喜欢的人是：{{ name }}
    
    

---

2.  v-text和v-html

v-text：	
v-html：	

v-text：把数据当作纯文本显示.
v-html：遇到html标签,会正常解析

---

3.  v-model的原理

全网最详细的v-model讲解_zayyo的博客-CSDN博客

官方有说到，v-model的原理其实是背后有两个操作：

1. v-bind绑定value属性的值；
2. v-on绑定input事件监听到函数中，函数会获取最新的值赋值到绑定的属性中；

    

         
        
article当前的值是：{{ article }}
    
    

运行代码当textarea标签中用户输入的内容发生改名，相应的h1标签中的{{article}}也发生同样的更改。

 篮球
    足球
    羽毛球球
    兵乓球
    您的爱好有：{{ sport }}

    

form表单提交数据