Vue的基础知识点

时间：2019-10-25 18:46:20 阅读：83 评论：0 收藏：0 [点我收藏+]

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
 

Vue的基础知识点

标签：orm 方式知识点表达框架 ace 移除你好 weight

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

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行