1.Vue的简介+介绍
1.Vue的简介+介绍
Vue是一套用于构建用户页面的渐进式框架,与其他大型框架相比,Vue被设计为可以自底向上逐层应用。
其他大型框架往往一开始就对项目的技术方案进行强制性的要求,而Vue更加灵活,开发者既可以选择使用Vue
来开发一个全新项目,也可以将Vue引用到一个现有的项目中。
2.阻止默认事件的指令是什么
prevent——阻止默认事件
等同于js中的event.preventDefalut()。
3.插入文本内容用的是什么指令
v-text
4.子组件调用父组件的方法
首先需要在子组件中通过调用内建$emit()方法触发自定义事件及参数,然后在父组件中监听自定义事件并处理。
5.Vue中提到的模板指令是什么
v-model:双向数据绑定
v-on:监听事件
v-bind:单向数据绑定
v-text:插入文本内容
v-html:插入包含HTML的内容
v-for:列表渲染
v-if:条件渲染
v-show:显示隐藏
6.Vue的生命周期(8个)
是指Vue实例从创建到消亡的过程。
*beforeCreate,在vue实例开始初始化时调用。
*created,在实例创建后调用,此时尚未开始DOM编译。
*beforeMountVue,在vue实例挂载之前,render函数首次被调用。
*mounted Vue,实例挂载到DOM节点上之后进行调用,相当于js中的Windows onload()方法。
*beforeUpdate,当数据发生变化时,在虚拟DOM状态变化之前。
*updated,虚拟DOM被重新渲染之后调用。
*beforeUnmont,实例销毁之前,vue实例依然可用。
*unmounted Vue,实例销毁之后,vue实例及其子实例将完全解绑。
入场钩子分别是beforeEnter(入场前)、enter(入场)、afterEnter(入场后)和enterCancelled(取消入场)
出场钩子分别是beforeLeave(出场前)、leave(出场)、afterLeave(出场后)和leaveCancelled(取消出场)
<transition>
@before-enter="beforeEnter"
@enter="enter"
@after-enter="afterEnter"
@enter-cancelled="enterCancelled"
@before-leave="beforeLeave"
@leave="leave"
@after-leave="afterLeave"
@leave-cancelled="leaveCancelled"
v-bind:css="false"> // Vue会跳过CSS的检测
</transition>
7.v-show、v-if意思
v-show:根据表达式的值来判断DOM元素是否显示或隐藏(显示隐藏)
v-if:根据表达式的值来判断DOM元素是重建还是销毁(条件渲染)
8.路由怎样引入的有几种方法
(3种方法)
使用本地文件引入;
使用CDN方式引用;
使用NPM方式引用。
9.Vue x有哪些配置选项
state作用:存储数据。
gettres作用:state计算属性。
mutaions作用:同步更新state数据。
actions作用:异步更新数据。
modules作用:模块化处理vuex数据。
考试题型:选择题+填空题+简答题+实操题(50分)
实操题:创建一个项目,引入一个vant插件
先安装vue-cli
npm install -g @vue/cli
vue -v
vue create demo-1
cd demo-1
npm run serve
npm i vant
在main.js里加
import { createApp } from 'vue'
import App from './App.vue'
import { Button } from 'vant';
createApp(App).use(Button).mount('#app');
在app.vue
<van-button type="primary">主要按钮</van-button>
<van-button type="success">成功按钮</van-button>
<van-button type="default">默认按钮</van-button>
<van-button type="warning">警告按钮</van-button>
<van-button type="danger">危险按钮</van-button>
最后加样式即可。