你的位置:首页 > 软件开发 > Java > 模拟Vue之数据驱动1

模拟Vue之数据驱动1

发布时间:2017-01-09 00:00:17
一、前言Vue有一核心就是数据驱动(Data Driven),允许我们采用简洁的模板语法来声明式的将数据渲染进DOM,且数据与DOM是绑定在一起的,这样当我们改变Vue实例的数据时,对应的DOM元素也就会改变了。如下:<!DOCTYPE html><head&g ...

模拟Vue之数据驱动1

一、前言

Vue有一核心就是数据驱动(Data Driven),允许我们采用简洁的模板语法来声明式的将数据渲染进DOM,且数据与DOM是绑定在一起的,这样当我们改变Vue实例的数据时,对应的DOM元素也就会改变了。

如下:

<!DOCTYPE html><head>  <meta charset="utf-8"></head>  <body>    <div id="test">      {{name}}    </div>    <script src='/images/loading.gif' data-original="https://unpkg.com/vue/dist/vue.min.js"></script>    <script>      var vm = new Vue({        el: '#test',        data: {          name: 'Monkey'        }      });    </script>      </body></html>

 

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理:https://www.xlkjsw.com

原标题:模拟Vue之数据驱动1

关键词:VUE

VUE
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。