写在前面
好记性不如烂笔头!
正文
vue实例
其实vue可以看成一个全面的构造函数,所以新建一个vue实例的时候需要
1
2
3
4
5
6
7 var str2 = "stringTest";
var vm = new Vue({
el: "#test",
data: {
str = str2 //=>此处将str2的值赋予vm实例的str数据。
}
})
在这段代码中,vm是一个vue实例。el是一个选择器,选中的dom节点可以使用vue的后续功能:如模板、计算属性等。而data则是定义在这个选中的dom节点后续的vue操作中可以使用的数据。
v-bind
v-bind可缩写为“:”,可以使用在模板语法中,如当我们需要输出一个字符串时,可以这样写。
1
2
3
4<div id = "test">
<p>{{str}}<p>
<!-- =>stringTest,即输出vm实例的str数据 -->
</div>