vue学习笔记(一)

vue学习过程中遇到的问题以及解决方案：

1.绑定元素特性

鼠标悬停几秒钟查看此处动态绑定的提示信息；

问题：未出现提示信息

错误原因：el挂载元素前未加“#”

2.声明式渲染：v-bind:title="message"

3.条件与循环:

v-if="seen",data:{seen:true}

v-for="todo in todos" {{todo.text}}

data:{

 todos: [
      { text: '学习 JavaScript' },
      { text: '学习 Vue' },
      { text: '整个牛项目' }

]}

4.处理用户输入

v-on：  事件监听器

 message.split(' ').reverse().join(' ')  //split():分开 reverse() :逆转   jion(' ')

5.表单输入和应用状态之间的双向绑定  v-model

6.组件化应用构建

在vue中注册组件：Vue.component('todo-item,{

props:['todo'],//从父作用域将数据传到子组件

template:'<li>这是代办项<li>'

})