Vue基础学习

　　 以下内容仅供个人学习使用

 

 

v-bind可省略。 直接冒号:

 

运行效果图:

如果熟悉绑定指令绑定的不是vue中的模型，则需要在双引号中加单引号，像这样" ' '  "

 

v-once只编译一次，编译完成后在浏览器控制台无法修改值

 

 

 

运行图

 

尝试在控制台修改a1的值，结果没有改变

 

 

 

假如模型的内容是html文本，则需要如下操作渲染

 

 

运行图如下

 

 

 

双向绑定

当修改框的内容时，a2也跟着变。

       

运行图

 

 

 

这种点击事件会自动改变值

运行图  

 

 

 

 

事件方法

 

 

无参数

 

 

 运行图

 

 

 

有参数

 

 

 

键盘触发事件