aaronthon的博客_Vue

vue之介绍

在前端框架技术中有三大框架： Angularjs 谷歌 React Facebook Vue 尤雨溪 vue的介绍官网：Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，

第三方库

最小化

官网

原创 2022-11-09 14:24:23 74 阅读

vue之cli脚手架安装和webpack-simple模板项目生成

ue-cli 是一个官方发布 vue.js 项目脚手架，使用 vue-cli 可以快速创建 vue 项目。 GitHub地址是：https://github.com/vuejs/vue-cli 一、安装Nodejs 首先需要安装Node环境。安装完成之后，可以在命令行工具中输入node -v和npm

vue.js

安装失败

命令行工具

原创 2022-11-09 14:14:29 130 阅读

vue之axios

什么是 axios？ Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。特

ios

拦截器

默认值

原创 2022-10-19 10:49:14 85 阅读

让sublime text3支持Vue语法高亮显示

1.准备语法高亮插件vue-syntax-highlight。下载地址： https://github.com/vuejs/v

语法高亮

加载

压缩包

原创 2022-08-23 10:09:20 844 阅读

vue状态管理模式之vuex

Vuex 是什么？ Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式

vue.js

安装过程

简洁性

原创 2022-08-23 10:09:08 86 阅读

vue之用法

引入vue.js 尝试 Vue.js 最简单的方法是使用 Hello World 例子。你可以在浏览器新标签页中打开它，跟着例子学习一些基础用法。或者你也可以创建一个 .html 文件，然后通过如下方式引入 Vue：  <script src=

html

vue.js

.net

原创 2022-08-22 17:45:03 73 阅读

vue之修饰符

修饰符 .lazy 在默认情况下，v-model 在每次 input 事件触发后将输入框的值与数据进行同步。你可以添加 lazy 修饰符，从而转变为使用 change 事件进行同步：  <input v-model.lazy="msg"

修饰符

监听键盘

事件触发

原创 2022-08-22 17:08:05 115 阅读

vue之创建组件

vue的核心基础就是组件的使用，玩好了组件才能将前面学的基础更好的运用起来。组件的使用更使我们的项目解耦合。更加符合vue的

html

导航栏

变量名

原创 2022-08-22 17:07:47 219 阅读

vue之指令系统

所谓指令系统，大家可以联想咱们的cmd命令行工具，只要我输入一条正确的指令，系统就开始干活了。在vue中，指令系统

数组

事件处理

javascript

原创 2022-08-22 17:00:57 118 阅读

vue之计算属性和侦听器

一、计算属性模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重

数据

缓存

依赖关系

原创 2022-08-22 17:00:44 107 阅读

vue之单表输入绑定

vue的核心：声明式的指令和数据的双向绑定。 vue的设计模式：MVVM M是Model的简写，V是View的简写，VM就是ViewModel。一、

双向绑定

数据绑定

表单

原创 2022-08-22 17:00:32 87 阅读

vue之cli脚手架项目中组件的使用

在webpack-simple模板中，包括webpck模板。一个.vue文件就是一个组件。为什么会这样呢？因为webpack干活了！webpack的将我

html

数据

css

原创 2022-08-22 17:00:09 108 阅读

vue-cli3及以上版本安装及创建项目

如果你已经安装了vue-cli2，你需要先卸载：npm uninstall -g vue-cli 安装 npm install -g @vue/cli 创建项目创建名为myVue的项目

创建项目

原创 2022-08-22 16:59:40 69 阅读

vue ui 使用图形化界面

你也可以通过 vue ui 命令以图形化界面创建和管理项目： vue ui 上述命令会打开一个浏览器窗口，并以图形化界面将你引导至项目创建的流程。

图形化界面

项目创建

原创 2022-08-22 16:59:33 386 阅读

vue-cli3组件的使用

安装好的vue-cli，可以看到下面的目录： assets存放图片等文件。 components文件夹就类似templates文件夹，存放组件的。 main.js是创建一个vue。 App.vue是一个组件，以.vue结尾的文件都称为一个组件（html、js、css），组件第一个字幕必须是大写(因为

html

css

原创 2022-08-22 16:59:27 109 阅读

vue-cli3文件的引入

在vue-cli中引入图片、音乐等文件，如下： <template> <div id="app"> <h1>{{msg}}</h1> <ul v-for="(item,index) in items"> <li>{{item}}</li> </ul> <audio :src="audioSrc" a

ios

原创 2022-08-22 16:59:11 83 阅读

vue-cli3组件嵌套

如下项目： App.vue 父组件 <template> <div id="app"> <Vheader/> <! -- 使用组件将子组件Vheader.vue作为父组件App.vue的头 --> <img alt="Vue logo" src="./assets/logo.png"> <h1>{

sed

数据

嵌套

原创 2022-08-22 16:59:03 217 阅读

Module Error (from ./node_modules/eslint-loader/index.js):解决办法

vue启动项目报如下错误： Failed to compile. ./src/components/Vcontent.vue Module Error (from ./node_modules/eslint-loader/index.js): E:\myvue\src\components\Vcon

vue.js

初始化

html

原创 2022-08-22 16:58:58 1364 阅读

vue-cli3父子组件传值

通常父子组件之间是需要相互传数据的。父组件向子组件传数据 1，父组件App.vue传递数据menu: 'aa'给子组件的ret <templat

数据

传递数据

点击事件

原创 2022-08-22 16:58:45 76 阅读

vue-cli3路由vue-router用法

安装 npm install vue-router 导入vue-router // main.js文件内// 导入vue-routerimport Vue from 'vue' // vue-router是以来vue的 import VueRouter from 'vue-router' // 导入

自定义

自定义组件

vue.js

原创 2022-08-22 16:58:39 139 阅读

vuecli4项目部署到服务器

vuecli4项目编译部署到腾讯云服务器本地进行打包编译： npm run build 项目根目录下面有一个dist文件夹，里面的Index.html和static就是要上线的文件。在腾讯云服务器的/home里面创建文件 mkdir vuePro 将Index.html和static文件压缩成d

nginx

html

服务器

原创 2022-08-22 16:58:23 90 阅读

TypeError: merge is not a function

如下替换：通过es6提供的解构赋值，即按需加载。结束！

按需加载

赋值

原创 2022-08-22 16:58:17 243 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

aaronthon的博客