标签: laravel-mix-vue3

有没有办法将 vue 3.0 安装到 Laravel 8？当我跑

npm install vue@next

它开始安装 Vue 3.0，但出于某种原因，它也开始安装vue-template-compilerv2.6.12。出现以下内容：

    Additional dependencies must be installed. This will only take a moment.

    Running: npm install vue-template-compiler --save-dev --production=false

Run Code Online (Sandbox Code Playgroud)

然后当我跑

npm run dev

出现以下错误：

• vue@3.0.0 (C:\wamp64\www\vue-sample\node_modules\vue\index.js)
• vue-template-compiler@2.6.12 (C:\wamp64\www\vue-sample\node_modules\vue-template-compiler\package.json)

这可能会导致事情无法正常工作。确保对两者使用相同的版本。如果您使用的是 vue-loader@>=10.0，只需更新 vue-template-compiler。如果您使用的是 vue-loader@<10.0 或 vueify，重新安装 vue-loader/vueify 应该会将 vue-template-compiler 提升到最新版本。

@ ./resources/js/app.js 19:35-79 @ 多 ./resources/js/app.js ./resources/sass/app.scss

我是 Vue 的新手。我该怎么办？

我在 Vue 3 项目中收到此错误：

您正在运行 Vue 的 esm-bundler 构建。建议将您的捆绑器配置为使用布尔文字显式替换功能标志全局变量，以便在最终捆绑包中进行适当的摇树。有关更多详细信息，请参阅http://link.vuejs.org/feature-flags。

webpack.mix.js

const mix = require ('laravel-mix');
const path = require ('path');

mix.webpackConfig ({
    output: {
        chunkFilename: 'js/chunks/[name].[chunkhash].js'
    },
    module: {
        rules: [
            {
                test: /node_modules(?:\/|\\).+\.js$/,
                loader: 'babel-loader',
                options: {
                    presets: [['@babel/preset-env', {targets: 'last 2 versions, ie >= 10'}]],
                    plugins: ['@babel/plugin-transform-destructuring', '@babel/plugin-proposal-object-rest-spread', '@babel/plugin-transform-template-literals'],
                    babelrc: false
                }
            },
            {
                enforce: 'pre',
                test: /\.(js|vue)$/,
                loader: 'eslint-loader',
                exclude: /node_modules/
            }
        ]
    },
    resolve: {
      alias: {
        vue: "vue/dist/vue.esm-bundler.js"
      },
    },
    optimization: {
        providedExports: …

如何在 Vue 3 中从控制台访问组件数据属性值？

当我在 vue2 中工作时，我正在使用$vm0和设置并获取任何组件属性值来访问它，但这在 Vue 3 中不起作用。

Vue.js 开发工具截图及数据：

我想isCalendarAttached从 Chrome 控制台访问，但无法：

这是我的应用程序对象，它是根组件：

有什么方法可以从控制台访问该变量吗？

如何使用正则表达式在 Vue3 中创建车辆登记号的输入字段掩码？我找到了屏蔽电话号码的解决方案，但是当我将正则表达式与字母混合时，它根本不起作用。

是否可以为 AAA-000 之类的内容创建一个掩码，即前三个输入为字母，后三个输入为以“-”分隔的数字？

回答：

丹尼尔的回答对我来说就像魅力一样。如果有人正在寻找相同的内容，请点击链接：https://github.com/beholdr/maska