vuer的个人专栏

Vue实例里this的使用

要理解Vue实例里this的使用,首先要理解this在JavaScript里的用法,可以参考理解JavaScript普通函数以及箭头函数里使用的this。这是vue文档里的原话:All lifecycle hooks are called with their 'this' context pointing&
第一个输出英文">
阅读更多

理解JavaScript普通函数以及箭头函数里使用的this

普通函数的this普通函数的this是由动态作用域决定,它总指向于它的直接调用者。具体可以分为以下四项:this总是指向它的直接调用者, 例如 obj.func() ,那么func()里的this指的是obj。在默认情况(非严格模式,未使用 'use strict'),如果函数没有直接调用者,this为window在严格模式下,如果函数没有直接调者
阅读更多

代码编辑器monaco-editor用法入门

monaco editor是微软开源的一款web版代码编辑器。它支持智能提示,代码高亮,代码格式化。这里简单介绍下它的用法。1、下载安装monaco-editornpm install monaco-editor下载后,安装目录为node_modules/monaco-editor/。2、添加loader.js脚本到页面在集成monaco-editor的页面,添加&l
阅读更多

vue-cli 3.0集成sass/scss到vue项目

尝鲜使用vue-cli 3.0.0-beta.6,很容易就可以完成scss到vue项目中。vue-cli 3提供了两种方式集成sass/scss:创建项目是选择预处理器sass 手动安装sass-loader 创建项目选择预处理器sass$ vue create vuedemo ? Please pick a preset: (Use arrow keys) > defa
阅读更多

matplotlib的用法

基本用法 from matplotlib import pyplot as plt plt.figure(figsize=(20, 8), dpi=80) # 设置图像标题 plt.title() # 设置x,y轴的坐标,这里面可以传入两个参数,第一个就轴的坐标参数(ticks),第二个是对应坐标的标签值(labels) plt.xticks() plt.yticks() # 设置x,y轴的坐标
阅读更多

Vue使用webpack:No parser and no file path given, couldn't infer a parser.

使用vue-cli搭建基于webpack的vue应用报错:Module build failed: Error: No parser and no file path given, couldn't infer a parser. at normalize (myproject\node_modules\prettier\index.js:7051:13) at formatWithC
阅读更多

Vue 2属性插值: Interpolation inside attributes has been removed. Use v-bind or the colon shorthand instead.

Vue 2在组件模板上使用双大括号{{}}对属性赋值:<div id="{{ item.id }}"></div>报语法错误:Vue template syntax error:id="{{ item.id }}": Interpolation inside attributes has been removed. Use v-bind or the colon short
阅读更多

Vuejs兄弟组件之间的通信通信

vuejs兄弟组件之间的通信可以使用事件发射器。最简洁的方式使用Vue的root实例来作为全局的事件仓库。示例ComponentAthis.$root.$emit('myevent', data); ComponentBmounted() {     this.$root.$on('myevent', data =&g
阅读更多

应该知道Vue UI组件(2018年)

Element这是饿了么前端团队开源桌面端的Vue UI组件。Github star 24k+。Github地址:https://github.com/ElemeFE/element中文文档:http://element-cn.eleme.io/#/zh-CNVux国内开源的专注于移动设备端的UI组件,基于Vue和微信的WeUI开发。Github star&
阅读更多

Bootstrap在图片内居中显示文字

图片的父容器position设置为relative。文字position设置为absolute。.thumbnail {   position: relative; } .caption {   position: absolute;  top: 45%;  left: 0;  &nbs
阅读更多

Vue路由传递获取参数

通过Vue传递参数可以分为两种方式:params参数query参数params参数params参数传递方式分两种:路由配置参数使用$router的push编程式添加路由配置参数在路由中配置如下:{   path: '/user/:id',   name: 'user',   component: UserDe
阅读更多

使用webpack构建vue项目

简单记录下使用webpack构建vue项目。环境依赖1、安装vueyarn add vue 2、安装webpack相关开发包yarn add webpack babel-core babel-loader babel-preset-env --dev 3、安装vue-loader和vue-template-compil
阅读更多

[译]Vue - 解决Cannot Find Element错误

如果你刚接触Vue,可能会遇到一些不熟悉的错误。实际上,我在创建delimiter app时看到了一个我不太熟悉的错误。例如,你可能在Vue里看到“Cannot find element”的错误。在Google Chrome中,你会在控制台窗口中看到此错误,如下所示:发生这种错误是因为过早实例化Vue。通常情况下,你会看到此错误,是因为挂载Vue的HTML元
阅读更多

JavaScript里的typeof与instanceof的用法及区别

JavaScript typeof的使用typeof用于获取变量的类型,它返回的值是一个字符串,可以为:"number"、"boolean"、"string"、"function"、"object"、"undefined"。示例function doSomet
阅读更多

Html5使用CSS修改输入框的placeholder颜色

这里需要使用伪元素的方式对input的placeholder设置样式,且不同的浏览器伪元素不一样。兼容多个浏览器的方法:::-webkit-input-placeholder { /* WebKit, Blink, Edge */     color:    
阅读更多
X

欢迎加群学习交流

联系我们