Vue初学笔记01

绑定 DOM 元素的两种方式

第一种：

 

第二种：

v-bind 属性被称为指令。指令带有前缀 v-，以表示它们是 Vue.js 提供的特殊属性。可能你已经猜到了，它们会在渲染过的 DOM 上应用特殊的响应式行为。这个指令的简单含义是说：将这个元素节点的 title 属性和 Vue 实例的 message 属性绑定到一起。

 

 

通过 vue.js（使用v-model这个指令）完成中间的底层逻辑，实现绑定的效果。改变其中的任何一层，另外一层都会改变。

View 层 - HTML 代码如下：

Model 层- JavaScript 代码如下

 

字符串不改变，拼接，反转

 

效果:

 

注：不知道怎么回事，第一个*一直不成功。。。加上程序就运行不了了