响应式网站建设与SEO优化
手机平板电脑自动适应 网站排名遥遥领先 订单源源不断
服务热线:
132-0574-7000
电话:132-0574-7000
您的位置:首页>技术文档 > javaScript >
技术文档
  • 132 0574 7000
    shuilangjun@126.com
javaScript

60秒快速入门vue.js,数据渲染:Vue姿势解锁

60秒快速入门vue js,数据渲染:Vue姿势解锁vue的初次使用姿势如下,引入vue js,开辟一个html DOM,实例化vue js。(一)简单渲染el: D
60秒快速入门vue.js,数据渲染:Vue姿势解锁

vue的初次使用姿势如下,引入vue.js,开辟一个html DOM,实例化vue.js。

大话vue.js数据渲染——谈笑间帮你走出vue的迷雾

(一)简单渲染

大话vue.js数据渲染——谈笑间帮你走出vue的迷雾

el: #DOM的id

data:{键名:键值,键名:键值……}

键名就通过{{ 键名 }}渲染进DOM里!

大话vue.js数据渲染——谈笑间帮你走出vue的迷雾

(二)bind绑定

大话vue.js数据渲染——谈笑间帮你走出vue的迷雾

通过v-bind:属性来绑定,值既可以是数组(假如好多的css),也可以是字符串,数字……

大话vue.js数据渲染——谈笑间帮你走出vue的迷雾

相当于

(三)v-if绑定

大话vue.js数据渲染——谈笑间帮你走出vue的迷雾

大话vue.js数据渲染——谈笑间帮你走出vue的迷雾

看到显示了嘛

大话vue.js数据渲染——谈笑间帮你走出vue的迷雾

大话vue.js数据渲染——谈笑间帮你走出vue的迷雾

空白一片。v-if对选择性显示很有帮助!!!如登陆前后的显示。

(四)v-for

大话vue.js数据渲染——谈笑间帮你走出vue的迷雾

语法:v-for=“条目 in 数组”

大话vue.js数据渲染——谈笑间帮你走出vue的迷雾

(五)事件监听

大话vue.js数据渲染——谈笑间帮你走出vue的迷雾

v-on:click=“方法”

通过methods里的方法名:方法调用

大话vue.js数据渲染——谈笑间帮你走出vue的迷雾

(六)双向绑定

大话vue.js数据渲染——谈笑间帮你走出vue的迷雾

很简单,v-model=‘名’

大话vue.js数据渲染——谈笑间帮你走出vue的迷雾

发现了嘛?vue数据渲染里,只有v-bind和v-on相似。

 

上一篇:第一页
下一篇:最后一页

相关文章
推荐阅读
最近更新

手机/Pad/电脑通用的网站?还要百度排一?
填入手机号 免费获取相关信息

 
QQ在线咨询
工作时间
9:00 - 18:00
咨询热线
13205747000
0574-56792133