国家基础设施建设网站,乐清人才网,邢台123交友信息手机版,建筑工程网上举报平台官网本书目录#xff1a;点击进入 一、总结内容
二、习题
2.1 【选择题】以下Vue指令中#xff0c;哪些指令具备简写方式#xff1f;
2.2 【编程题】以下Vue指令中#xff0c;哪些指令具备简写方式#xff1f;
#xff1e; 效果
#xff1e; 代码 一、总结内容 了解核…本书目录点击进入 一、总结内容
二、习题
2.1 【选择题】以下Vue指令中哪些指令具备简写方式
2.2 【编程题】以下Vue指令中哪些指令具备简写方式 效果 代码 一、总结内容 了解核心思想例如MVVM设计模式、选项式API优势 了解Vue3各个选项的用法例如data、methods、computed等 掌握常见的指令v-bind、v-on、v-if、v-for等 掌握样式操作、表单操作等行为 了解Vue3的生命周期钩子函数及如何使用
二、习题
2.1 【选择题】以下Vue指令中哪些指令具备简写方式 Av-if Bv-bind Cv-model Dv-on
参考答案 BD ( v-bind简写为 : v-on简写为 ) 2.2 【编程题】要求如下 1. 输入框中内容根据顿号进行分割 2. 复选项选中添加水果名称到输入框中 3. 复选框取消选中从输入框中删除水果名称 4. 输入框可直接输入内容来联动复选框 效果 代码
body
div idappinput typetext v-modelfruitsInputbrinput typecheckbox v-modelfruits value西瓜西瓜brinput typecheckbox v-modelfruits value苹果苹果brinput typecheckbox v-modelfruits value哈密瓜哈密瓜brinput typecheckbox v-modelfruits value芒果芒果br
/div
scriptlet vm Vue.createApp({data() {return {fruits: [苹果, 芒果]}},computed: {fruitsInput: {set(val){this.fruits val.split(、);},get(){return this.fruits.join(、);}}}}).mount(#app)
/script
/body