听写内容

1.手写一个vue页面，将data中的msg显示在页面中，用插值表达式和v-text和v-html三种方式。
2.v-for可以遍历那些值？遍历它们的语法分别是什么？
3.强变量类型和弱变量类型语言的差异性是什么？
4.将M中数据设置给标签的class属性的方式有几种？请分别写出一个案例。
5.将M中数据设置给标签的style属性的方式有几种？请分别写出一个案例。

听写1：写一个vue页面，显示data中的msg（插值表达式和v-text和v-html三种方式）

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><script src="js/vue.js"></script></head><body><div id="app"><p>姓名：{{msg}}</p><p v-text="msg">a</p><p v-html="msg">b</p></div><script>var vm = new Vue({el: "#app",data: {msg: "张三"}});</script></body>
</html>

听写2：v-for可以遍历的值及语法

v-for语法可以遍历数组，普通数字和对象（一个参数必是值，两个参数必是值和键，三个参数必是值和键和下标）
数组：v-for=“value in arr”
v-for=” (value, index) in arr”
数字：v-for=“i in n”
对象：v-for=” value in obj (value, key) in obj”
v-for="(value, key, index) in obj”

听写3：强变量类型和弱变量类型语言的差异性

弱变量类型语言的数据类型可以被忽略，一个变量可以赋不同数据类型的值；
强变量类型一旦一个变量被指定了某个数据类型，如果不经过强制转换，那么它就永远是这个数据类型了

听写4：将M中数据设置给标签的class属性的方式和案例

方式1、单个值设置给标签
方式2、对象式设置
方式3、简单数组设置
方式4、对象数组设置

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><style>/*通过类的组合实现复合样式*/.cred {color: red;}.w100 {width: 100px;}.byellow {background-color: yellow;}</style>
</head>
<body>
<div id="app"><div :class="c1">c1测试</div><div :class="cObj">cObj测试</div><div :class="cSimpleArray">cSimpleArray测试</div><div :class="cObjArray">cObjArray测试</div><div :class="democ">democ测试</div>
</div>
<script src="js/vue.js"></script>
<script>var obj = [{a1: false,a2: true,a3: false,a4: true,},{a1: true,a3: true,},'a5']var vm = new Vue({el: '#app',data: {/*方式1、单个值设置给标签*/c1: 'cred',/*方式2、对象式设置*/cObj: {cred: true,w100: true,byellow: true},/*方式3、简单数组设置*/cSimpleArray: ['cred', 'w100', 'byellow'],/*方式4、对象数组设置*/cObjArray: [{cred: true}, {byellow: false}, 'w100'],democ: obj,},methods: {}});
</script>
</body>
</html>

听写5：将M中数据设置给标签的style属性的方式和案例

方式1、将对象属性对应的样式值设置给标签
方式2、将数组中对象中css样式设置给标签

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body>
<div id="app"><p :style="styleObj">打字</p>
</div>
<script src="js/vue.js"></script>
<script>var vm = new Vue({el: '#app',data: {// 方式1、将对象属性对应的样式值设置给标签styleObj: {'color': 'red','font-size': '60px',},// 方式2、将数组中对象中css样式设置给标签styleObjArray: [{'color': 'red'},{'font-size': '60px'}]},methods: {}});
</script>
</body>
</html>

2019.11.6早上vue听写相关推荐

生活记录--2019.11
生活记录--2019.11 今天是大雪,二十四节气中冬季的第三个节气. 郑州的雪比去年来的稍微晚些,目前还没有过来,盼望着元旦前能来场雪吧......(明年的小麦还能多收成些) 回顾十一月份,基本上 ...
Interview：算法岗位面试—11.19早上上海某银行(总行，四大行之一)信息技术岗面试记录
ML岗位面试:11.19早上上海某银行(总行,四大行之一)信息技术岗面试记录 Interview:算法岗位面试-11.19早上上海某银行(总行,四大行之一)信息技术岗面试记录导读:该次面试是笔试通过 ...
Interview：算法岗位面试—11.07早上上海某机器人公司(上市)面试之项目考察、比赛考察、图像算法的考察等
Interview:算法岗位面试-11.07早上上海某机器人公司(上市)面试之项目考察.比赛考察.图像算法的考察等导读:该公司是国内做机器人领域的Top5公司,邀约的早9点.去了之后,一位美女HR和 ...
Interview：算法岗位面试—11.06早上上海某智能驾驶科技公司(创业)笔试+面试之手撕代码、项目考察、比赛考察、图像算法的考察等
Interview:算法岗位面试-11.06早上上海某智能驾驶科技公司(创业)笔试+面试之手撕代码.项目考察.比赛考察.图像算法的考察等导读:该公司是在同济某次大型招聘会上投的,当时和HR聊了半个多 ...
Interview：算法岗位面试—11.02早上上海某银行(上海分行，四大行之一)信息技术岗笔试记录
ML岗位面试:11.02早上上海某银行(上海分行,四大行之一)信息技术岗笔试记录 Interview:算法岗位面试-11.02早上上海某银行(上海分行,四大行之一)信息技术岗笔试记录导读:预约考点的 ...
EOJ Monthly 2019.11 E. 数学题（反演 + 杜教筛 + 拉格朗日插值）
EOJ Monthly 2019.11 ∑i=1n∑a1=1i∑a2=1i∑a3=1i⋯∑ak−1i∑aki[gcd(a1,a2,a3,-,ak−1,ak,i)==1]=∑i=1n∑d∣iμ(d)⌊i ...
2019.11.28
2019.11.28 % 滑动平均(均值滤波) sliding_window = 5; impulse_fft_tmp = impulse_fft_6k; for i = 1+sliding_wind ...
2019.11.10
2019.11.10 wf = wave.open(file_name, 'wb') # wf = wave.open("sine.wav", 'wb') wf.setnchann ...
2019.11.13
2019.11.13 wf = wave.open(file_name, 'wb') # wf = wave.open("sine.wav", 'wb') wf.setnchann ...

2019.11.6早上vue听写