随笔分类 - Vue
摘要：如下替换： 通过es6提供的解构赋值，即按需加载。 结束！
阅读全文
摘要：vuecli4项目编译部署到腾讯云服务器 本地进行打包编译： npm run build 项目根目录下面有一个dist文件夹，里面的Index.html和static就是要上线的文件。 在腾讯云服务器的/home里面创建文件 mkdir vuePro 将Index.html和static文件压缩成d
阅读全文
摘要：什么是 axios？ Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。 特性 1 从浏览器中创建 XMLHttpRequests 2 从 node.js 创建 http 请求 3 支持 Promise API 4 拦截请求和响应 5 转换请求数据和响应
阅读全文
摘要：Vuex 是什么？ Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension，提供了诸如零配置的 time-travel
阅读全文
摘要：安装 npm install vue-router 导入vue-router // main.js文件内// 导入vue-routerimport Vue from 'vue' // vue-router是以来vue的 import VueRouter from 'vue-router' // 导入
阅读全文
摘要：通常父子组件之间是需要相互传数据的。 父组件向子组件传数据 1，父组件App.vue传递数据menu: 'aa'给子组件的ret <template> <div id="app"> <Vcontent v-bind:ret="menu"></Vcontent> <! -- 使用v-bind为子组件绑
阅读全文
摘要：vue启动项目报如下错误： Failed to compile. ./src/components/Vcontent.vue Module Error (from ./node_modules/eslint-loader/index.js): E:\myvue\src\components\Vcon
阅读全文
摘要：如下项目： App.vue 父组件 <template> <div id="app"> <Vheader/> <! -- 使用组件 将子组件Vheader.vue作为父组件App.vue的头 --> <img alt="Vue logo" src="./assets/logo.png"> <h1>{
阅读全文
摘要：在vue-cli中引入图片、音乐等文件，如下： <template> <div id="app"> <h1>{{msg}}</h1> <ul v-for="(item,index) in items"> <li>{{item}}</li> </ul> <audio :src="audioSrc" a
阅读全文
摘要：安装好的vue-cli，可以看到下面的目录： assets存放图片等文件。 components文件夹就类似templates文件夹，存放组件的。 main.js是创建一个vue。 App.vue是一个组件，以.vue结尾的文件都称为一个组件（html、js、css），组件第一个字幕必须是大写(因为
阅读全文
摘要：你也可以通过 vue ui 命令以图形化界面创建和管理项目： vue ui 上述命令会打开一个浏览器窗口，并以图形化界面将你引导至项目创建的流程。
阅读全文
摘要：如果你已经安装了vue-cli2，你需要先卸载：npm uninstall -g vue-cli 安装 npm install -g @vue/cli 创建项目 创建名为myVue的项目： vue create myVue 你会被提示选取一个 preset。你可以选默认的包含了基本的 Babel +
阅读全文
摘要：1.准备语法高亮插件vue-syntax-highlight。 下载地址： https://github.com/vuejs/vue-syntax-highlight 下载页面并下载： 解开压缩包vue-syntax-highlight-master，其内所有文件备用。 2.将vue-syntax-
阅读全文
摘要：在webpack-simple模板中，包括webpck模板。一个.vue文件就是一个组件。 为什么会这样呢？因为webpack干活了！webpack的将我们所有的资源文件进行打包。同时webpack还能将我们的html（template）、css、js文件通过模板编译的方式将这些文件打包成一个.vu
阅读全文
摘要：ue-cli 是一个官方发布 vue.js 项目脚手架，使用 vue-cli 可以快速创建 vue 项目。 GitHub地址是：https://github.com/vuejs/vue-cli 一、安装Nodejs 首先需要安装Node环境。安装完成之后，可以在命令行工具中输入node -v和npm
阅读全文
摘要：vue的核心基础就是组件的使用，玩好了组件才能将前面学的基础更好的运用起来。组件的使用更使我们的项目解耦合。更加符合vue的设计思想MVVM。 那接下来就跟我看一下如何在一个Vue实例中使用组件吧！ 这里有一个Vue组件的示例： Vue.component('Vheader',{ data:func
阅读全文
摘要：修饰符 .lazy 在默认情况下，v-model 在每次 input 事件触发后将输入框的值与数据进行同步 。你可以添加 lazy 修饰符，从而转变为使用 change 事件进行同步： <!-- 在“change”时而非“input”时更新 --> <input v-model.lazy="msg"
阅读全文
摘要：vue的核心：声明式的指令和数据的双向绑定。 vue的设计模式：MVVM M是Model的简写，V是View的简写，VM就是ViewModel。 一、单向绑定和双向绑定的区别？ 单向绑定非常简单，就是把Model绑定到View，当我们用JavaScript代码更新Model时，View就会自动更新。
阅读全文
摘要：一、计算属性 模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。例如： <div> {{ message.split('').reverse().join('') }} </div> 在这个地方，模板不再是简单的声明式逻辑。你必须看一段时间才能
阅读全文
摘要：所谓指令系统，大家可以联想咱们的cmd命令行工具，只要我输入一条正确的指令，系统就开始干活了。 在vue中，指令系统，设置一些命令之后，来操作我们的数据属性，并展示到我们的DOM上。 OK，接下来我们一一介绍我们的指令系统的用法。 一、条件渲染 1.1 v-if 表示条件渲染 在vue中，我们使用v
阅读全文
