vue.js快速入门实例教程

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小教程入门教程。我希望能帮助你。如果你有任何问题，请给我留言。萧边会及时回复你。