美文网首页
7,前置信息的总结

7,前置信息的总结

作者: coderymy | 来源:发表于2019-06-02 18:12 被阅读0次

    mvc和mvvm的区别

    前者是后台的概念,后者是前端的概念

    也就是说前者是整个项目,后者是整个项目中的view

    Vue基本代码的结构

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <script src="../js/vue.js"></script>
    </head>
    <body>
    <script>
        var vm=new Vue({
            el:'',
            data:{
    
            },
    
        })
    </script>
    </body>
    </html>
    

    一些指令

    1. 插值表达式,
    2. v-cloak
    3. v-html,可以解析字符串中的html代码
    4. v-bind,可以进行标签中的属性的值的绑定:
    5. v-on,可以作为事件触发@
    6. v-model,双向数据的绑定
    7. v-for,循环遍历
    8. v-if,判断
    9. v-show,显示:display:none

    事件修饰符

    • .stop,阻止冒泡
    • .prevent,阻止默认行为
    • .capture,捕获
    • .self,自己执行
    • .once,只执行一次

    Vue对象属性

    • el,表示控制的区域
    • data,控制区域内的数据
    • methods,控制区域内的方法,可以自定义一些方法

    this

    在vm实例中如果需要访问data的数据或者methods的方法,前面必须要带this

    v-for

    要会使用key属性,只接受string和number

    v-model

    只能应用于表单元素

    绑定样式

    v-bind:class,可以直接获取所有的样式,

    v-bind:style,可以写行内样式

    定时器

    开启var IntervalId=setInterval(function(){},时间)

    关闭clearInterval(IntervalId)

    知识点

    其实对于vue来说,只用vue就可以实现单页面的应用程序的开发,所以可以做到前后端分离,使用ssm获取数据,然后进行所有的数据处理都放在前段来操作,然后页面之间的信息传递可以使用ssm来做到

    相关文章

      网友评论

          本文标题:7,前置信息的总结

          本文链接:https://www.haomeiwen.com/subject/nlzxxctx.html