w3d3

最新推荐文章于 2023-06-29 15:32:53 发布

.qmm

最新推荐文章于 2023-06-29 15:32:53 发布

阅读量191

点赞数

本文链接：https://blog.csdn.net/Qmmmmmmmmmm/article/details/101032292

版权

1、总结一下v-text和v-html和插值表达式的差别
v-text写在标签属性中，会覆盖标签中其他内容，且只能将数据以文本方式显示。
v-text写在标签属性中，会覆盖标签中其他内容，和v-text不同，v-html可以将数据以html数据以代码形式显示。

2、完成创建一个vue对象并和id是app的div进行绑定，然后在该div中分别用插值表达式、v-text、v-html获取到vm下data中的msg的值

<div id="app">
    <p v-text="msg"></p >
    <p v-html="msg">123</p >
</div>
<script>
    var vm = new Vue({
        el:'#app',
        data:{
            msg:'hello word'
        }
    })
</script>

3、什么是MVVM模式，这样设计有什么优点
MVVM是Model-View-ViewModel的简写它本质上是MVC 的改进版 MVVM（Model-View-ViewModel）框架的由来是MVP（Model-View-Presenter）模式与WPF结合的应用方式时发展演变过来的一种新型架构框架
优点：
低耦合：视图（View）可以独立于Model变化和修改，一个ViewModel可以绑定到不同的"View"上，当View变化的时候Model可以不变，当Model变化的时候View也可以不变
可重用性：你可以把一些视图逻辑放在一个ViewModel里面，让很多view重用这段视图逻辑
独立开发：开发人员可以专注于业务逻辑和数据的开发（ViewModel），设计人员可以专注于页面设计，使用Expression Blend可以很容易设计界面并生成xml代码
可测试：界面素来是比较难于测试的，而现在测试可以针对ViewModel来写

4、使用vue将下列data中cat记录显示插入到页面之中

<body>
<div id="app">
    <p v-text="cat.name"></p >
    <p v-text="cat.age"></p >
    <p v-text="cat.desc"></p >
</div>
<script>
    var vm = new Vue({
        el: '#app',
        data: {
            name1:123,
            cat: {
                name: '罗小黑',
                age: 18,
                desc: '是一只黑色的猫',
            }
        }
    })

5、使用vue，完成一个登陆校验功能。

var vm = new Vue({
    el: '#app',
    data: {
    },
    methods:{
        dengru(){
            var zhanghao = document.getElementById("zhanghao").value
            var mima = document.getElementById("mima").value
            if (zhanghao ==123 & mima ==456){
                alert("正确")
            }else{
                alert("帐号或密码错误")
            }

        }
    }
})

.qmm

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
w3d3

1、总结一下v-text和v-html和插值表达式的差别v-text写在标签属性中，会覆盖标签中其他内容，且只能将数据以文本方式显示。v-text写在标签属性中，会覆盖标签中其他内容，和v-text不同，v-html可以将数据以html数据以代码形式显示。2、完成创建一个vue对象并和id是app的div进行绑定，然后在该div中分别用插值表达式、v-text、v-html获取到vm下dat...
复制链接

扫一扫