vue笔记

笔记

1.定义变量（{}）；最后有分号

//var a=new Vue({ })需要写入括号

//el：元素未加 #

//大写Vue

组件

//方法——调用全局组件-

“大写”——组件名字（需要分开，所以合理大写）

，——逗号

template：“”——模板，中全部小写，分隔开来

Vue.component("TodoItem", {

template:"

todo item

"

}）

2.子组件，变量大写分隔

var ToDolist = {

props: ['content'],

template: "

{{content}}

"

}

引用使用-

v-bind:index="index"

v-for="(item,index) in list"

@delete="handleItemDelete">

3.简写

等价于 插值{{}}

​

image

image.gif

​​​

image

image.gif

​​

v-on：click=“”等价于@

‘v-bind’等价于 ：

v-bind:index="index"

v-for="(item,index) in list"

@delete="handleDelete">

2.组件

子组件-逐步验证-防止出错

子组件-提交

v-bind:index="index"

v-for="(item,index) in list"

@delete="handleDelete">

3.生命周期详解vue生命周期

https://segmentfault.com/a/1190000011381906

{{message}}

4.函数

倒序字符串

computed: {

// 计算属性的 getter

reversedMessage: function () {

// this 指向 vm 实例

return this.message.split('').reverse().join('')

}

}

计算属性，方法，侦听器https://www.jianshu.com/p/0e8b1d449f3d

调试

1.销毁

​​