前端学习03-Vue-指令-单向绑定&双向绑定

{{msg}}这个叫插值表达式

现在就想让他变成大标题的样式

<span v-html="msg"></span>

<span v-text="msg"></span>

插值表达式，只要有返回值就可以使用

 {{1+1}} {{hello()}}

插值表达式只能用在标签体里面，不能用在标签的属性里面，比如给a标签的href属性绑定值，就不能做到了，需要使用v-bind

使用v-bind来给html标签的属性绑定

可以看到绑定成功，点击可以跳转

绑定class和style

这个是单向绑定，就是我们改变了代码的值，页面会发生变化，而直接改页面的值，代码就不会发生变化了

这样字体就变成蓝色的了

vue对象的值也是blue

然后这样改，虽然可以变成蓝色，

但是vue对象里面的值还是red

v-bind只能单向绑定，双向绑定用v-model

v-model

现在没有选择，language里面是空的

然后我们勾上java和php，数据就直接绑定了

刷新后，我们直接在控制台直接给值，页面也可以勾选上

我们还可以看选中了哪些