qq_39239110的博客

css中px ，em,rem之间的区别1,px实际上就是像素，与物理像素之间有一定区别，比较精确，但缺点是不会根据浏览器页面的放大缩小而改变，会导致当前页面布局被打破；2，em是根据基准来缩放字体的大小，em是相对单位，一般以body的字体为基准，em是相对父元素来计算的，这就会有一个问题，每一个父元素都需要有他的值；3，rem是相对于根元素html为基准的...

在webpack构建的项目中渲染一个vue的组件有两种方法：方法一：1，在main.js中进行以下导入：import Vue from "../node_modules/vue/dist/vue"2，在vm实例中注册一个组件 components:{ login:{ template:'<h1>这是一个网页组件定义111</h1>'} }...

1.scoped属性，是用来专门用于标签元素内部的，它是通过CSS的属性选择器实现的。2.lang属性，普通的style标签支持普通的样式，如果想要启用scss或less ,需要为style元素设置lang属性，用法如下：...

1 如何在webpack中使用路由？1 首先在webpack项目中安装vue-routernpm i vue-router -D2 在main.js中导入vue-router 包并通过Vue.use()明确的安装路由功能import VueRouter from 'vue-router'Vue.use(VueRouter)3,新建几个子组件，并在main.js中导入，如创建两个组...

webpack 默认只能打包处理JS类型的文件，无法处理其他的非JS类型的文件，如果处理非JS的文件，我们需要手动安装一些适合第三方 loader加载器；1.如果想要打包处理 css 文件，需要手动安装npm i style-loader css-loader -D然后再mian.js文件中导入接着打开webpack.config.js 这个配置文件，在里面新增一个配置节点，叫做modu...

vue 中对文本框的监听可以通过keyup事件绑定机制，也可以通过watch属性对文本框中的数据进行监听keyup 监听文本框例如：通过keyup监听文本框中数据的变化,从而触发一个相应的事件 <input type="text" v-model="firstname" @keyup="getFullName">+ <input type="text" v-m...

1.父组件向子组件传值（1）父组件向子组件传值父组件，可以在引用子组件的时候，通过属性绑定（v-bind）的形式，把需要传递给子组的数据，以属性绑定的形式，传递给子组件内部，供子组件使用。<script> var subcom = { template:'#temp1', props:['pa...

Vue-router的基本使用1 路由的安装1.1直接下载 / CDNhttps://unpkg.com/vue-router/dist/vue-router.js或者直接通过script标签引入，它会自动安装的<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script><scri...

什么是Vue实例的生命周期：从Vue实例创建，运行，到销毁期间，总是会伴随着各种各样的事件，这些事件统称为生命周期生命周期钩子：就是生命周期事件的别名而已主要的生命周期函数分类：1，创建期间的生命周期函数：beforeCreate：实例刚在内存中被创建出来，此时，还没有初始化好data,methods属性created：实例已经在内存中创建好，此时data和methods已经创建好，此时...

除了核心功能默认内置的指令 (v-model 和 v-show)，Vue 也允许注册自定义指令。自定义指令又可分为全局指令定义和私有指令的定义一.全局指令定义的方法：使用Vue.directive()定义全局的指令，其中，参数1为指令名，注意在定义的时候指令的名称前面不需要加v-前缀，但在调用的时候需要加 v-前缀参数2，是一个对象，这个对象身上，有一些相关的指令的函数，这些函数可以在特定...

1.v-if的特点，每次都会重新删除或创建元素，如何涉及的元素的频繁切换，则推荐不要使用v-if，而是推荐使用v-show,如果元素可能永远不会显示出来给用户看到，这推荐使用v-if2 .v-show的特点，每次都不会进行DOM的删除和创建操作，只是切换了元素的display：none的样式&amp;amp;lt;input type=“button” value=“toggle” @click=“toggl...

v-for的四种使用方法分别是：1.使用v-for循环一个简单的数组2.使用v-for循环一个复杂的数组3.使用v-for循环对象4.v-for循环一个迭代的数字&amp;lt;div id=&quot;app&quot;&amp;gt; &amp;lt;!--v-for循环一个简单的数组--&amp;gt; &amp;lt;p v-for=&quot;item in list&q

通过数据绑定可以为元素设置class样式和style样式一，class样式的设置------html中的代码&amp;lt;div id=&quot;app&quot;&amp;gt;&amp;lt;!-- 第一种使用方式是直接传递一个数组，这里的的class需要用到v-bind属性 --&amp;gt; &amp;lt;!-- &amp;lt;h1 :class=&quot;['red','thin',

vue中事件的绑定机制分为两种：单向数据绑定和双向数据绑定1.单向数据绑定用v-bind,可以缩写为“：”2.双向数据绑定用v-model例如：&lt;div id="app"&gt; &lt;h2&gt;{{msg}}&lt;/h2&gt; &lt;!--单向数据绑定--&gt; &lt;input type="text"

vue中事件修饰符有5种：1. .stop 阻止冒泡2. .prevent 阻止默认事件3. .capture 添加事件侦听器时使用事件捕获机制4. .self 只当事件在该元素本身（比如不是子元素）触发时触发回调5. .once 事件只触发一次每种方法的使用及特点如实例中所示：&amp;lt;div class=“inner2” @click.capture=“divdisp...

1.在head标签的script标签中导入一个vue包&lt;script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"&gt;&lt;/script&gt;2.创建一个控制区 &lt;div id="app"&gt; &lt;!-- v-cloak能够解决插值表达式闪烁的问题 --&gt; ...