vuejs 总结

干了这碗毒鸡汤：年轻人嘛，现在没钱算什么，以后没钱的日子还多着呢。

好久没有来即兴，
最近我只想静静。
努力使自己变聪明，
赚钱治疗我的精神病

1、Vue.js的常用指令

v-text
v-html
v-show
v-if
v-else
v-else-if
v-for
v-on
v-bind
v-model

---

1）v-text

HTML：




js:
//v-text
var example={
    msg:'hello word!'
}
new Vue({
    el:'#app2',
    data:example
})

2)v-html

    更新元素的 innerHTML 。注意：内容按普通 HTML 插入 
   不会作为 Vue 模板进行编译 。
    如果试图使用 v-html 组合模板,可以重新考虑通过是否通过使用组件来替代。

3)v-show

  根据表达式之真假值，切换元素的 display CSS 属性。
  当条件变化时该指令触发过渡效果。
HTML：
这是一个v-show命令指令
js:
var local=new Vue({
    el:'#app4‘，
    data：{
        local：true
  }
})
//结果：在页面上显示这段话：这是一个v-show命令指令
//如果设置data：{local：false}则不显示

4）v-if

在字符串模板中，如 Handlebars ，我们得像这样写一个条件块：


{{#if ok}}
  
Yes
{{/if}}

在 Vue.js ，我们使用 v-if 指令实现同样的功能：

Yes

也可以用 v-else 添加一个 “else” 块：

Yes
No