Vue的基础知识点

vue是一款 mvvm 做单页面应用的渐进式js框架

vue的使用：

<div id="app">

<p>{{msg}}</p>

<input type="text" v-model="msg">

</div>

<script>

new Vue({

el:"#app",

data:{msg:"你好Vue"}

})

</script>

1,模板标签：

{{}} 可以理解为 可执行简单js 解析data数据的地方

v.text 把data数据显示出来

v.html 把data数据显示出来(解析html字符串)

v-bind：属性 绑定html标签属性 v-bind:title ="ti"

:属性 :title=“ti”

2,条件渲染:

v-show=“表达式”  当表达式为真显示内容，为假不显示内容

v-if=“表达式” 当表达式为真显示内容，为假不显示内容

v-show通过css方式隐藏显示元素  v-if 通过移除html标签显示隐藏

v-else

原文地址：https://www.cnblogs.com/xiegongliang/p/11739323.html