Vue.js 答疑 - 常见问题
Vue.js常见问题
分类类型：文章分类 | 文章数量：731
vue父子组件生命周期执行顺序是什么
执行顺序：父组件先创建，然后子组件创建；子组件先挂载，然后父组件挂载，即“父beforeCreate-> 父create -> 子beforeCreate-> 子created -> 子mounted -> 父mounted”。
js原型和原型链是什么
js原型和原型链是：1、原型是一个可以被复制的一个类，通过复制原型可以创建一个一模一样的新对象；2、原型链是原型对象创建过程的历史记录，当访问一个对象的某个属性时，会先在这个对象本身属性上查找。
vue3.0有哪些新特性
vue3.0新特性有：1、性能比vue2.x更快；2、支持按需编译、体积更小；3、组合API，类似React Hooks；4、暴露了自定义渲染API；5、新增三个组件；6、更好地支持TS。
vue.js路由有什么用？
vue的单页面应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来。传统的页面应用，是用一些超链接来实现页面切换和跳转的；而在vue-router单页面应用中，则是路径之间的切换，也就是组件的切换。
vue.js能不能导入swiper？
vue.js中能导入swiper插件。方法：1、使用npm工具安装swiper；2、在组件中使用import语句加载插件并导入相关文件；3、在HTML内容中通过添加相关class类来搭建swiper框架和引入相关样式即可。
vue.js怎么做选项卡
vue.js做选项卡的方法：设置tob选项卡，并设置其长宽即可，代码为【<meta charset="UTF-8"><title>Tab选项卡</title><script src="js/vue.js"></script>】。
vue.js怎么做导航条
vue.js做导航条的方法：设置导航栏名称，以及登录信息，代码为【<div class="container-fluid"><div class="navbar_user"><img src="img/ani1.jpg"/>】。
vue.js怎么做删除
vue.js做删除的方法：使用push方法实现，代码为【var text = this.message.trim();if(text){this.todos.push({text:text});this.message=" ";}】。
vue.js怎么做请求
vue.js做请求的方法：使用mounted实现请求，代码为【mounted: function() {this.$nextTick(function (){this.$http.jsonp('http://***.com')}】。
vue.js怎么做动画
vue.js做动画的方法：首先在transition里写入动画对应的类；然后在使用【v-for】的时候动态添加列表，要使用【<transtion-group>】里边appear属性可以设置列表出现时的样式。
vue.js怎么实现自动提示
vue.js实现自动提示的方法：首先找到【File->setting->Inspections】添加相关代码；然后找到HTML在Registered Patterns里面添加【*.vue】即可。
vue.js怎么找到父节点
vue.js找到父节点的方法：获得点击元素的前一个元素，代码为【e.currentTarget.previousElementSibling.innerHTML】。
vue.js怎么安装依赖包
vue.js安装依赖包的方法：首先在项目中引入【element-ui】在入口文件【main.js】中配置；然后在项目中引入【iview】在入口文件【main.js】中配置。
vue.js怎么找dom元素
vue.js找dom元素的方法：通过【$refs.ref】的属性名 获取或者设置dom元素，代码为【<div ref="box" style="width:200px;height:300px">西南交大</div>】。
vue.js怎么调用全选功能
vue.js调用全选功能的方法：1、从服务器拿到数据，为每个item设置checked属性；2、计算选中的数量selectCount，如果选中的数量与selectItems的数量相等，则全选selectAll选中。
vue.js怎么用正则表达式
vue.js用正则表达式的方法：1、使用validator定义方法，代码为【rule_between_hundred(rule, value, callback)】；2、使用pattern定义规则。
vue.js怎么循环调用方法
vue.js循环调用方法的方法：首先创建一个【<ul>】标签同时给这个标签设置一个id为app；然后在引入的vue文件后面新建【<script>】标签；最后在【<li>】标签上添加【v-for="site in sites"】。
vue.js怎么移除绑定的点击事件
vue.js移除绑定的点击事件的方法：1、使用在【methods】对象中定义方法，代码为【methods: {greet: function (event)】；2、在JavaScript代码中调用方法。
vue.js怎么异步请求
vue.js异步请求的方法：首先使用npm下载axios，代码为【npm install axios】；然后引入【axios.js】，代码为【<script src="js/axios.js"></script>】。
vue.js怎么实现选中一行
vue.js实现选中一行的方法：1、使用javascript实现高亮选中，代码为【this.activeName = gameName】；2、使用html实现，代码为【<div class="collection">】。