Vue.js 练习(一）

1.直接上源代码进行分析:

     

注意点：

（1）. 引用支持VUE运行的运行库: src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"

（2）. 在 <script></script>标签中定义vue的语法模板,  定义元素、数据和方式等等。

（3）. 在 <div></div>标签中，引用vue语法的定义. 把div中的id 标签和vue 中的el标签进行关联。

（4）. 在p标签的{ { }}括号中，引用Vue的数据主体。Vue中的message 和div中的message是关联的。

2. 完成用户和vue的简单交互

v-on: 是Vue能够识别的特殊的指令. 它的作用是，告诉Vue请监听某些事件。

注意点:

（1）. v-on 是vue的指令，可以监听 changeTitle的更改。

（2）. function 是原生javascript 的方法。

通过v-bind 可以绑定非文本属性的标签文件。