vue之初认识

属于绑定了，el中的app是与id中的app相对应，p中的Title与data中的title属于想互绑定

创建一个Vue实例
var vm = new vue({
选项
});
一个vue应用由一个通过new Vue创建的根Vue实例，以及可选的嵌套，可复用的组件树组成
for example
一个 todo 应用的组件树可以是这样的：

根实例
└─ TodoList
├─ TodoItem
│ ├─ DeleteTodoButton
│ └─ EditTodoButton
└─ TodoListFooter
├─ ClearTodosButton
└─ TodoListStatistics

我们只需要知道所有Vue组件都是vue实例，并且接受相同的选项对象（一些根实例特有的选项除外）

数据与方法
当一个Vue实例被创建时，它会将data中的所有属性都加入到Vue的响应系统中，当这些属性的值发生改变的时候，视图就会发生改变。
数据与方法
当一个Vue实例被创建时,它将data对象中的所有属性加入到Vue的响应式系统中.当属性变化,视图将会产生"响应”.

// 数据对象
var data = { a: 1 }

// 将对象加入Vue实例中
var vm = new Vue({
data: data
})

// 获得这个实例上的属性,返回源数据中对应的字段
vm.a == data.a // true

// 设置属性也会影响到源数据
vm.a = 2;
data.a // 2

// 反之亦然
data.a = 3;
vm.a // 3
只有当实例被创建时data中存在的属性才是响应式的

// b的改动将不会触发任何视图的更新
vm.b = ‘hi’
属性开始为空或者不存在，需要设置一些初始值

data: {
newTodoText: ‘’,
visitCount: 0,
hideCompletedTodos: false,
todos: [],
error: null
}
ps. Object.freeze()会阻止修改现有的属性,响应系统无法再追踪变化.

var obj = {
foo: ‘bar’
}

Object.freeze(obj)

new Vue({
el: ‘#app’,
data: obj
})

// 这里的foo不会更新

{{ foo }}

change it

除了数据属性,Vue还提供了一些有用的实例属性与方法.

// 用前缀$,以便与用户定义的属性区分开
var data = { a: 1 }
var vm = new Vue({
el: ‘#example’,
data: data
})

vm.$data===data//truevm.$el === document.getElementById(‘example’) // true

// 实例方法
vm.$watch(‘a’, function (newValue, oldValue) {
// 这个回调将在vm.a改变后调用

在模板里面，可以访问所有的属性以及方法

绑定链接做法
在js中data属性上输入link: ‘链接’
在html采用绑定v-bind
link属性中千万不要用{{ }}，这样会被按照html模板来改

如果还是想按照html模板输出，那么可以用v-html来绑定，在data中输入finishedLink输入链接

在html上的不能传递动态函数，然后可以用指令去解决，接着在vue上渲染

如果在methods中修改data中的title的值，那么接下来title被调用的值就会改变，如果需要不用改变，请用v-once指令

输出图片在html中，用V-bind指令绑定src,可以在图中输入样式之类的
在js中，在data中输入image: 链接