vue-app开发入门

因为微信小程序的原因, 我开始学习vue框架. vue的响应式模板语法真的很让我惊喜(虽然确实是一种已经很久的模式了).

---

vue的中文文档在这里

1. 简单地引用vue.js

使用vue框架最简单的方式就是写一个HTML页面然后引用vue.js啦. 使用<script> 标签就可以将vue.js导入并且使用它来构建vue app了.

这种方法是官方建议的, 像我这种新手当然也是使用这种方案的啦.

记录一些vue的模板语法

相关链接

• { {}} 双大括号绑定内容(类似于innerHtml )
• v-bind 绑定属性 (el: v-bind:style="variable")
• v-on 绑定事件 (el: v-on:click="onClick")
• v-if 条件渲染 (el: v-if="bool")
  (el:

<ul id="example">
<li v-for="(item, index) in items">{
   { index }} - {
   { item.message }}
</li>
</ul>

• v-model 输入数据绑定
  (el:

<input v-model="model">
<p>Message is: {
   { model }}</p>