What is Vue

Vue公司是法国的观点，Vue.js是一个轻量级的，高效的，componentable MVVM图书馆，有处理API很容易。

1。基本结构

html代码：




转向消息}





app.js代码：


新的Vue（{
EL：#应用 / Vue公司要使用选定的部分
数据：{定义，可以在这部分使用{ } }引用
信息：你好vue.js！
}
}）


双向数据绑定

html代码：




转向消息}






app.js代码


新的Vue（{
EL：# APP，
数据：{
信息：你好vue.js！
}
}）


三。渲染列表

html代码：







打开待办事项。






app.js代码：


新的Vue（{
EL：# APP，
数据：{
待办事项：{ / /数据项目的数据定义
{文本：'learn Javaｓｃｒｉｐｔ}，
{文本：'learn Vue .js}，
{文本：'build东西真棒}
}
}
}）


四。处理用户输入

html代码：




转向消息}

相反的信息




app.js代码：


新的Vue（{
EL：# APP，
数据：{
信息：你好vue.js！
}，
方法：用于定义处理方法的字段内容。
reversemessage：函数（）{
的this.message /消息数据可以改变倒在这里的价值
this.message = this.message.split（''）。反（）加入（）。
}
}
}）


以上是你vue.js小教程入门教程。我希望能帮助你。如果你有任何问题，请给我留言。萧边会及时回复你。