分类： Vue

Vue

vue3 迁移 listeners

# 概览 $listeners 对象在 Vue 3 中已被移除。现在事件监听器是 $attrs 的一部分： { text: ‘this is an attribute’, onClose: () => console.log(‘close Event triggered’) } # 2.x 语法 在 Vue 2 中，你可以使用 this.$attrs 和 this.$listeners 分别访问传递给组件的 attribute 和事件监听器。结合 inheritAttrs: false，开发者可以将这些 attribute 和监听器应用到其它元素，而不是根元素： <template …

Vue

vue js项目中引入ts混用

一、安装typescript及loader npm install typescript ts-loader –save-dev 二、安装vue-property-decorator npm install vue-property-decorator –save-dev 三、配置vue.config.js module.exports = {   configureWebpack: {     resolve: {       extensions: [“.ts”, “.tsx”, “.js”,  …

Vue

vue.config.js 配置

文件应该导出一个包含了选项的对象： // vue.config.js module.exports = { // 选项… } publicPath Type: string Default: ‘/’部署应用包时的基本 URL module.exports = { publicPath: process.env.NODE_ENV === ‘production’ ? ‘/production-sub-path/’ : ‘/’ } assetsDir Type: string Default: ”放置生成的静态资源 (js、css、img、fonts) 的 (相对于 outputDir 的) …

Vue

Vue实例的生命周期created和mounted的区别

什么是生命周期 Vue实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程，我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁的过程，就是生命周期。 在Vue的整个生命周期中，它提供了一系列的事件，可以让我们在事件触发时注册js方法，可以让我们用自己注册的js方法控制整个大局，在这些事件响应方法中的this直接指向的是vue的实例。 每个钩子函数都在什么时间触发 beforeCreate 在实例初始化之后，数据观测(data observer) 和 event/watcher 事件配置之前被调用。 created 实例已经创 …