qq_39239110的博客

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

首先使用命令安装vuenpm i vue -D1.在main.js中导入vue方法一：import Vue from '../node_modules/vue/dist/vue'方法二：import Vue from 'vue'但是着这种方法还需要在webpack.config.js里面与module平级配置resloveresolve:{ alias:{ ...

Babel的作用在webpack中默认只能处理一部分ES6的新语法，一些更高级的ES6语法或者Es7语法，webpack是处理不了的；这个时候就需要借助第三方的loader帮助webpack处理这些高级的语法，当第三方loader把高级语法转为低级语法之后，会把结果交给webpack去打包到bundle.js中，通过Babel,可以帮助我们将高级的语法转换为低级的语法Babel的安装及配置：...

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...

1webpack的安装在安装webpack之前，先安装一个nrm,nrm可以提供多种webpack的安装路径安装nrm安装nrm命令$npm i nrm -g //全局安装nrm显示相关的安装路径命令$nrm -ls如果想用某种方式进行安装，可用如下命令进行方式的切换nrm use 方式例如这里想用淘宝的方式进行安装$nrm use taobao安装webpack安...

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

vue.js 允许你自定义过滤器，可被用作一些常见的文本格式化，过滤器可以用在两个地方：mustache 插值表达式和v-bind表达式。过滤器应给被添加在Javascript表达式的尾部，由管道符指示，过滤器也分全局过滤器和私有的过滤器，所谓全局的过滤器，就是所有的vm实例都共享的，而私有过滤器是局部开始使用的过滤器一 过滤器的语法定义 Vue.filter{'过滤器的名称',functio...

自定义按钮修饰符在监听键盘事件时，我们经常需要检查详细的按键。Vue 允许为 v-on 在监听键盘事件时添加按键修饰符：我们可以直接将 KeyboardEvent.key 暴露的任意有效按键名转换为 kebab-case 来作为修饰符。例如：自定义全局按键修饰符，当按下功能键F2时，触发事件添加机制Vue.config.keyCodes.f2 =113;&amp;lt;input type=“t...

ES6中的字符串新方法padStart()来填充字符串1.从开始填充： String.Prototype.padStart(maxLength,fillString=’’)//maxLength :填充后的字符串的位数，fillString：填充的字符。2.从尾部填充：String.prototype.padEnd(maxLength,fillString=’’)...

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