分类目录归档:vue.js

vue.js 相关概念


  • const

const声明一个只读的常量。一旦声明,常量的值就不能改变

const声明的变量不得改变值,这意味着,const一旦声明变量,就必须立即初始化,不能留到以后赋值

  • let es6新增了let命令,用来声明变量。它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效。

  • export和export default的区别

  1. export 与export default 均可以用于常量、函数、文件、模块

  2. 你可以在其他文件或模块中通过import + (常量|函数|文件|模块)名的方式,将其导入,以便能够对其进行使用

  3. 在一个文件或模块中,export,impo

Read more

vue 前端编译报错


ls报错信息

1987demac:vue-element-admin mac$ cnpm run build --report
npm ERR! missing script: build

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/mac/.npm/_logs/2020-07-17T22_13_39_273Z-debug.log

可以通过查看package.json文件

{
  "name": "vue-element-admin",
  "

Read more

vue.js请求接口获取数据的实现以及跨域问题


本文基于vue-cli3。

一、通过api接口获取数据

在vuejs中请求接口,大体分为两种方式:vue-source和axios。它们都是经过良好封装的http请求插件。

下文将简单介绍一下使用方法。

1. vue-source

安装

首先,安装该插件:

npm install vue-source --save

然后,在项目src/main.js中,通过全局方法Vue.use()使用该插件:

import VueSource from 'vue-source'

Vue.use(VueSource)

使用在data中定义好接口和接收的数据类型,然后,调用this.$ht

Read more

vue.js 组件之prop


# prop 的大小写

HTML 中的 attribute 名是大小写不敏感的,所以浏览器会把所有大写字符解释为小写字符。这意味着当你使用 DOM 中的模板时,camelCase (驼峰命名法) 的 prop 名需要使用其等价的 kebab-case (短横线分隔命名) 命名:

Vue.component('blog-post', {
  // 在 JavaScript 中是 camelCase 的
  props: ['postTitle'],
  template: '<h3>{{ postTitle }}</h3>'

Read more

vue.js 单文件组件


1. 工具安装

1. 安装npm

npm全称为Node Package Manager 是一个机遇Node.js的包管理器, 也是整个Node.js 社区最流行、支持第三方模块最多的包管理器 npm -v

2. 由于网络原因,安装cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org

3. 安装vue-cli

cnpm install -g @vue/cli

4. 安装webpack

cnpm install -g webpack webpack 是 JavaScript 打包器(Module bundler)

5

Read more