docwangsir的博客

之前一直使用react开发，所以响应式开发过程特别是在父子组件传值的过程不需要考虑很多问题 ，可在vue中很多问题变得似乎很麻烦例如下面的问题： 父子组件传值的过程vue和react是一样的 父给子传：用props 子给父传：子组件在特定的事件emit一个信号和所传值，在父组件定义方法接收并作出想要的改变。 子给父传值是发射一个信号所以没什么问题，问题在于 父给子传的时候： 如果是一个传值并不会改变页面中的变量的时候，也就是这个传的值并没...

利用qrcode插件通过yarn 或者Npm的方式 yarn add qrcodejs2 --dev 或者 npm install --save qrcodejs2安装之后可以选择全局引入Vue项目中 （在工程的main.js文件中引入）或者在各个vue文件中引入importQRCodefrom'qrcodejs2'首先在Dom部分创建一个div<div id="qrCodeUrl"></div>之后写下css(我写的scss 其实都一样 没什么...

意思就是如果你在自定义了个组件的时候想进行@click操作，那么你需要写@click.native 这样才可以实现点击操作。否则@click是不可以实现点击操作的。

这个问题在于标签属性传递的时候传值类型不正确所以会报错甚至影响页面正常显示的问题：如果我们定义props属性的时候，如果不是绑定的属性，他永远都只能是审别字符串类型的(也就是你写的东西他都认为是字符串，比如你传的是函数名，他也只是认为你在写一个字符串),而如果你想传一个函数，传一个变量，这个变量可能不是字符串类型的，那你就需要绑定v-bind（或是简写的:）这样就可以实现传的值的类型不是固...

之前利用的是 <transition name="fade" mode="in-out"> <router-view class="right-pane"/> </transition>但是这会导致的效果是两个页面组件但这显然不是我想要的页面切换过渡效果，应该有的效果是一个组件完全隐退了以后另一个组件在渐显。看了一下...

我找了很久的bug，又对照以前的项目老看，基本没有错，但是为什么不跳转，后来我发现我干了一件傻事.....我竟然把要写的主页面覆盖了App.vue这个文件，并且把原格式弄得稀烂。所以致使我整个router都不对，这个主要的原因是因为我根本没有用到<router-view/>这个标签，当然不跳转了。。。。。。。所以建议：App.vue这个文件一定不要动，你可以重写一个vue文...

以前的时候主main.js文件我们是这么写的// compilernew Vue({ el: '#app', router: router, store: store, template: '<App/>', components: { App }})但是现在在vue cli3下默认的写法是//runtimenew Vue({ rou...

在vuecli2 中要是想要修改自定义路径需要到build文件夹下面的webpack.base.conf.js文件 里面修改如下部分:resolve: { extensions: ['.js', '.vue', '.json'], alias: { 'vue$': 'vue/dist/vue.esm.js', '@': resolve(...

1.@import 引入的时候相对位置自定义位置前要写~ 例如@import "~common/stylus/index.styl" 因为~ 是 stylus-loader 到哪哪哪2. 文件大体构建另外main.js也要引入import 'common/stylus/index.styl'...