打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
vue.js初相识

ue.js 是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,它不仅易于上手,还便于与第三方库或既有项目整合。另一方面,Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。
除vue.js外还有AngularJS和react等框架结构

vue.js的是mvvm模式(Model-View-ViewModel)

iewModel是Vue.js的核心,它是一个Vue实例.从View侧看,ViewModel中的DOM Listeners工具会帮我们监测页面上DOM元素的变化,如果有变化,则更改Model中的数据;
从Model侧看,当我们更新Model中的数据时,Data Bindings工具会帮我们更新页面中的DOM元素
总之model与view通过viewModel之间相互检测

vue.js的引用 为

<script src="https://unpkg.com/vue"&g...

声名式渲染

<div id="app">  {{ message }}</div>var app = new Vue({  el: '#app',  data: {    message: 'Hello Vue!'  }})

双向绑定示例 (文本框内容改变p标签里的内容做出相应的改变)

<div id="app">    <p>{{ message }}</p>    <input type="text" v-model="message"/></div>new Vue({    el:'app',    data:{        message:qweryun    }    })//
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
Vue.js介绍以及优缺点
Vuejs计数器及MVVM
Vue.js入门视频教程
和chatgpt学架构03-引入UI框架(elment-plus)
Vue.js 使用 ElementUI
Vue.js 简介与入门指南
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服