哈尔滨网页设计模板网站,wordpress porto主题,上海民营企业500强,平面设计线上培训机构一、概述 1.是一套前端框架#xff0c;可免除原生JavaScript中的DOM操作#xff0c;基于MVVM思想#xff0c;实现数据双向绑定。 实现由MVC——MVVM的转换 二、入门 1.新建HTML页面#xff0c;引入Vue.js文件 2.在JS代码区#xff0c;创建Vue核心对象#xff0c;进行…一、概述 1.是一套前端框架可免除原生JavaScript中的DOM操作基于MVVM思想实现数据双向绑定。 实现由MVC——MVVM的转换 二、入门 1.新建HTML页面引入Vue.js文件 2.在JS代码区创建Vue核心对象进行数据绑定 3.编写视图
!DOCTYPE html
html langen
headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0title快速入门/title!-- 引入Vue.js文件 --script srcvue2.0.js/script
/head
body!-- 视图 --div idroot!-- v-model绑定模型实现输入框数据变化模型数据变化模型取出数据变化即双向数据绑定--input v-modelusername!-- 插值表达式将模型数据取出 --{{username}}/div!-- JS代码区 --script//1.创建Vue核心对象new Vue({el:#root,//容器属性data(){//数据属性简化写法return{username:}}// data:function(){//数据属性完整写法// }});/script
/body
/html
