提升网站流量,做网站的服务器怎么选,网站开发案例详解下载,苏州网站设计公司排名目录 一、Vue中的data数据是什么#xff1f;二、data支持的数据类型有哪些#xff1f; 一、Vue中的data数据是什么#xff1f;
Vue中用到的数据定义在data中。
二、data支持的数据类型有哪些#xff1f;
data中可以写复杂类型的数据#xff0c;渲染复杂类型数据时只要遵… 目录 一、Vue中的data数据是什么二、data支持的数据类型有哪些 一、Vue中的data数据是什么
Vue中用到的数据定义在data中。
二、data支持的数据类型有哪些
data中可以写复杂类型的数据渲染复杂类型数据时只要遵守js的语法即可。 1、案例代码展示如下
!DOCTYPE html
html langenheadmeta charsetUTF-8meta http-equivX-UA-Compatible contentIEedgemeta nameviewport contentwidthdevice-width, initial-scale1.0titleDocument/titlescript srchttps://cdn.jsdelivr.net/npm/vue/dist/vue.js/script
/headbodydiv idappid数据展示 br字符串类型数据{{shop}} br数组类型数据{{menu}} br对象类型数据{{area}} brhrh4店铺名{{shop}} /h4p所在地{{area.province}}-{{area.city}}-{{area.county}}/pp菜单/pulli{{menu[0]}}/lili{{menu[1]}}/lili{{menu[2]}}/li/ul/divscriptvar app new Vue({el: #appid,data: {// 字符串类型数据shop: 好吃的老乡鸡,// 数组类型数据menu: [小炒肉, 红烧茄子, 西红柿炒蛋],// 对象类型数据area: {province: 安徽省,city: 合肥市,county: 肥西县}}})/script
/body/html2、代码执行效果如下
