【Vue学习第二天0605】本地应用

一、Vue指令 1、v-text：设置文本

要想实现（固定文字）+变量文字的方式，采用下面的形式

（1）

湖北{{message+'!'}} 

（2）

2、v-html：设置标签的innerHTML

  通过v-text和v-html的对比来解释v-html的功能

（1）代码

（2）效果：使用v-text仅有文本，使用v-html可打开超链接

3、v-on：为元素绑定事件

（1）v-on指令的作用是为元素绑定事件

（2）事件名不需要写on

（3）指令可以简写为@

（4）绑定的方法定义在methods属性中

源代码：

        
        
        
        
        {{food}}
    

运行效果：