vue111111


1.在Vue实例中可以定义方法的是(B. methods)选项。
2.下列指令中,不能实现条件判断的是(D. v-bind)。
3.下列代码的运行结果为(B.10) 。
4.下列指令中,可以对表单元素进行双向数据绑定的是(A.v-model )。
5.在Vue.js中,列表渲染使用的是(B.v-for)指令。
6.下列哪个不是Vue.js为v-model指令提供的修饰符?(C.self )
7.运行以下代码,页面中的输出结果是(B.二等)。
8.为HTML元素绑定属性需要使用(D.v-bind)指令。
9.下列对于v-show指令的描述不正确的是(D.如果在运行时条件很少改变,则需要使用v-show)。
10.下列哪个不是v-on指令中的事件修饰符?(C..get)
11.运行下面代码,输出结果为(C.Html)。
12.在下面的双大括号标签中,哪一个是无效的表达式?(B.{{str.toUpperCase()}})
13.使用v-for指令不能遍历下列哪种数据类型?(B.字符串)。
14.在Vue.js中,计算属性需要定义在(A.computed)选项中。
15.在下列Vue指令中描述错误的是(D.v-model指令用于在表单控件元素上创建单向数据绑定)。
16.定义过滤器可以使用选项对象中的(A.filters)选项。
17.下列方法中,哪个不是用于检测数组变化的变异方法?(D.filter)。
18.如果要阻止浏览器的默认行为,需要使用(B..prevent )事件修饰符。
19.下面代码的输出结果是(A.16.00%)。


1.以下代码的输出结果为   html  。
2.如果需要对一组元素进行判断,需要使用  <template>  元素作为包装元素,并在该元素上使用v-if。
3.使用watch选项监听对象内部值的变化,可以在监听属性的选项参数中设置  deep  选项。
4.Vue.js为v-on指令提供的事件修饰符中,使用   .stop   修饰符可以阻止事件的传播。
5.当选中某个单选按钮时,v-model绑定的属性值会被赋值为该单选按钮的   value属性值   。
6.在Vue.js的指令中,修饰符是以    半角句点   符号指明的特殊后缀。
7.以下代码的运行结果是  假  。
8.对元素的class属性进行绑定时,绑定的数据可以是   对象  或  数组  。
9.<button v-on:click="    show('Vue.js')    ">显示</button>
10.在Vue.js中,指令是带有   v-  前缀的特殊属性。
11.如果需要频繁地切换DOM,需要使用   v-show   ;如果在运行时条件很少改变,需要使用  v-if  。
12.对元素样式的绑定就是对元素的class_属性或  style  属性进行绑定。
13.<button   v-on:mouseover   ="show">显示</button>
14.应用filters选项定义的过滤器包括  过滤器名称   和  过滤器函数  两部分。
15.<span v-for="   item in items   ">
16.v-on指令的简写形式是在事件名称前添加符号   @  。
17.如果只有一个复选框,应用v-model绑定的是一个   布尔   值。
18.    e.target.style.border  = '1px solid blue'
19.<span>    {{price.toFixed(2)}}   </span>
20.在DOM中输出真正的HTML内容需要使用   v-html  指令。
21.<button    v-on:click   ="count--">-</button>{{count}}
22.如果有多个复选框,应用v-model绑定的是一个   数组    。
 

  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue,我们可以使用过滤器来对数据进行格式化或处理。要在Vue项目创建全局过滤器,可以在main.js文件注册全局过滤器,并且必须放在Vue实例创建之前。然后可以在各个组件使用这个全局过滤器。具体的步骤如下: 1. 在main.js文件注册全局过滤器。例如,我们可以创建一个名为"filter1"的全局过滤器: Vue.filter('filter1', function(value) { return value.charAt(0).toUpperCase() + value.slice(1); }); 2. 在Vue组件使用过滤器。在模板通过管道符"|"将数据绑定到过滤器上。例如,我们可以使用"filter1"过滤器对message进行处理: <div>{{ message | filter1 }}</div> 3. 如果需要依次使用多个过滤器,可以在模板用管道符连接它们。每个过滤器的参数为上一个过滤器返回的结果。例如,我们可以使用"filter1"和"filter2"两个过滤器对message进行处理: <div>{{ message | filter1 | filter2 }}</div> 另外,你还可以在组件内部定义局部过滤器。局部过滤器只能在当前组件使用,适用于处理数据显示的样式,不会改变原数据。例如,你可以在组件的filters选项定义过滤器,并在模板使用它们: ``` <template> <div> <ul> <li v-for="item in list">{{ item.id | filterAdd1 | filterAdd2 }}</li> </ul> </div> </template> <script> export default { data() { return { list: [ { "id": 0, "title": "11111", "cont": "111111" }, { "id": 1, "title": "22222", "cont": "111111" }, { "id": 2, "title": "33333", "cont": "111111" }, { "id": 3, "title": "44444", "cont": "111111" }, ] } }, filters: { filterAdd1(item) { return item + 10; }, filterAdd2(item) { return '$' + item; } }, methods: { }, mounted() { } } </script> ``` 这样,我们就可以在模板使用filterAdd1和filterAdd2两个过滤器来处理数据了。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [vue过滤器filter的使用](https://blog.csdn.net/Hello_MrShu/article/details/127363940)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *3* [vue filter的四种用法](https://blog.csdn.net/qappleh/article/details/89639948)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值