王小森的成长博客

如何改变select、input的宽、高1、直接修改如下（只能修改其宽度）：<el-input style="width: 200px; " placeholder="请输入内容"> </el-input>2、给组件加一个类名（可以修改宽度和高度）：<el-input class="input-box" placeholder="请输入内容"></el-input>//样式为.input-box input{ width: 200px

.native的用法你可能有很多次想要在一个组件的根元素上直接监听一个原生事件。这时，你可以使用 v-on 的 .native 修饰符：&lt;base-input v-on:focus.native="onFocus"&gt;&lt;/base-input&gt;好懵！！！来点俗的理解：如果直接在组件上的原生事件，解析后浏览器不知道要把这个事件添加到哪一个标签上，所以，不起作用。当...

.self可以理解为跳过冒泡事件，即捕获事件在该元素上发生的方法。

在学习vue中的prop传递数据的时候遇到了报错。Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop’s valu...

在vue-cli中使用组件时总是提示组件未注册，报错如下： 自己明明是已经搞好的组件啊？为什么找不到。。。 答案出现在这里了： 在引用组件的地方是这样写的：import first from 'components/first.vue'如果在地址前面加上“./”问题就解决了。...

vue中组件和html中命名方式（camelCase 和 kebab-case ）的分析理解

通过路由id的变化使组件重组，可以用watch来监听id，watch的使用方法。

在嵌套路由中的path： ‘aaa’, 不能加 /。

在vue中普通的img标签的普通 的src属性，加载不出来图片， 你应该发现它们的地址都是经过解析的，与原来的不一样。 你可能只是忘了在src属性中加上这些东西： “ ./”所以导致vue不解析该地址。

禁用特性继承inheritAttrs: false；如果你不希望组件的根元素继承特性，你可以在组件的选项中设置这尤其适合配合实例的 $attrs 属性使用，该属性包含了传递给一个组件的特性名和特性值以上是官网的解释。经过摸索得到了一下的理解。1、inheritAttrs默认为true；即允许继承的意思。2、$attrs为组件标签内没有在组件内用props声明的属性（除style和...

插槽slot分为：“匿名插槽”、“具名插槽”、“作用域插槽”；“作用域插槽”是需要在插槽slot上绑定数据的。然后组件模板根据slot上绑定的数据进行操作。&lt;div id="app"&gt; &lt;slot-tab&gt; &lt;template slot-scope="uesr"&gt;//slot-scope="user"就是插槽作用域的名字，是自己定义的。 &am

在main.js中引用vueximport Vuex from “vuex”vue.use(Vuex)const store = new Vuex.Store({})//Store首字母大写store中有四个属性： state 、getters、mutations、actions、modules；state存放需要管理的数据。格式为：state:{data1:"",da...

将路由配置文件中的mode:'history’注释掉，或者改为hash。因为为history的时候需要后台配置若找不到资源定位到依赖页面。

1、安装npm i element-ui -s2、安装成功后，在项目中的main.js中引用elementUImport ElementUI from 'element-ui'import 'element-ui/lib/theme-chalk/index.css'//elementUI的样式需要单独的引用。Vue.use(ElementUI)3、可以在vue组件中进行使用了。...

一、下载 vue-infinite-scroll：npm install vue-infinite-scroll --save二、main.js配置vue-infinite-scroll：import infiniteScroll from 'vue-infinite-scroll'Vue.use( infiniteScroll);三、组件中使用：<div v-infin...

一：npm下载插件：npm vue-lazyload -d二、main.js引入：import vueLazyLoad from “vue-lazyload”;Vue.use(vueLazyLoad, { preload:1.3,//加载高度比。 loading:"../..jpg",//加载时的过渡图片 error:"...jpg",//加载失败的图片 attempt: 3/...

过渡类名的使用<transition name="fade"> <div class="el"></div></transiton>v-enter：进入时，开始动的状态（开始变化的一个状态，当变化开始时移除）。v-enter-active：变化的一个过程（从变化开始到变化结束）。这个类可以被用来定义进入过渡的过程时间，延迟和曲线函数。...

Axios 是一个基于 promise 的 HTTP 库，可以在vue中进行数据请求即响应。安装方法：$ npm install axios<script src="https://unpkg.com/axios/dist/axios.min.js"></script>主要的使用方法GET和POST：import axios from （“axios”）//...

在Vue中filter过滤器是一个非常强大的功能。个人觉得称它为加工车间会更加贴切一些。过滤器可以用来筛选出符合条件的，丢弃不符合条件的；加工车间既可以筛选，又可以对筛选出来的进行加工。一、filter的作用是：对值进行筛选加工。二、使用的地方有两个位置，和两个方式。{{ msg | filterA }}双括号插值内。<h1 v-bind:id=" msg | filt...

在vue中用于组件之间的通讯有多种方法，其中包括vuex，和中央事件总线bus；而vuex与bus又有一些区别。vuex比较强大，bus比较简单。vuex可用于更为复杂的组件通讯中，还可以进行逻辑处理。而bus则是数据传输创建一个vue-bus插件：创建vue-bus.jsconst install= function(Vue){ const Bus = new Vue({ me...

子组件改变父组件的数据

在vue中创建路由的几个步骤;

vue组件中的定时器只能使用箭头函数的问题。（）=>{ }箭头函数。

对于vue.js中的this.emit的理解：this.emit的理解： this.emit(‘increment1’,”这个位子是可以加参数的”)；其实它的作用就是触发自定义函数。

.capture事件修饰符的作用，即使用方法。

组件实例的作用域是孤立的。不能 在子组件的模板内直接引用父组件的数据。需要通过子组件的 props 选项显式声明子组件的数据： 子组件与父组件的关系：&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Prop&am

vue中用来阻止冒泡发生的方法，.stop修饰符的用法。

关于官网vue中v-on绑定自定义事件实例的执行顺序的个人理解

vue中单项数据流 对于“prop 作为初始值传入，由子组件处理成其它数据输出。”的问题的应对方式“定义一个计算属性，处理 prop 的值并返回 的用法”

绑定Value到VUe实例的动态属性。

是否可以在 v-for中嵌入v-if？？？

vue中关于非父子间的通讯问题，一个小实例，希望可以打开一点思路。

关于vue中slot插口的作用可以借助input中的placeholder属性来理解。

具名slot的用法。

利用props在外部子组件中使用父组件的数据。

vue脚手架中引用组件的4个步骤：

vue中引用官方组件的方法，即vue引用官方vue-carousel轮播图组件的方法。

vue官网上的多组件过渡问题的实例代码

vue中动态组件的简单实例，

关于vue.js中appear的用法它只是在第一次渲染的时候才会起作用。