分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 运营维护

vue.js的使用

发布时间:2023-09-06 01:28责任编辑:傅花花关键词:js

介绍

  vue.js是什么?

  Vue.js (读音 /vju?/,类似于 view) 是一套构建用户界面的渐进式的框架。与其他框架不同的是Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,它不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与单文件组建和Vue生态系统支持的库结合使用时,Vue 也完全能够为复杂的单页应用程序提供驱动。

  案例

  <div id="hello">

    {(message)}

  </div>

    <script>

      var  p = new vue(){

        el:"#hello"

        data:{

        message:‘‘hello,vue",

      }

    }

    </script>

    最后输出 hello,vue

    

        

      小结:

    1、抛开手动操作的思维,vue.js是数据驱动的,你无需手动操作DOM。 

    2、将DOM和数据绑定起来,DOM将和数据保持同步,每当变更数据,

    DOM也会相应的更新。

    3、MVVM模式(Model-View-ViewModel)

    ViewModel是如何View以及Model进行交互的。

    model放在data(可能多项)

    view放在el(view里面的{{}}可能多项,跟model对应)

    4、ViewModel是vue.js的核心,它是一个Vue的实例。

    Vue实例是一个作用于某一个HTML元素上的,这个元素可以是HTML的body元素。

    5、所有的元素都是响应式的

    

       

vue.js的使用

原文地址:http://www.cnblogs.com/kuangJun/p/7904629.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved