欢迎光临散文网 会员登陆 & 注册

1.Vue的简介+介绍

2023-07-07 20:25 作者:大象有形vans  | 我要投稿

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>

            最后加样式即可。

           


1.Vue的简介+介绍的评论 (共 条)

分享到微博请遵守国家法律