随笔分类 - vue
摘要：本篇来讲解一下axios插件的使用，axios是用来做数据交互的插件。 这篇将基于vue实例讲解之vue-router的使用这个项目的源码进行拓展。 axios的使用步骤： 1.安装axios npm install axios --save-dev 2.页面中引入axios import axio
阅读全文
摘要：这一篇来讲解一下webpack的loader的使用，用webpack打包文件，css，img，icon等都需要下载安装对应的loader文件，并且写好配置项，才可以进行打包，废话不多说，直接开始实战。 先建立一个components文件夹来存放组件，下面新建一个layer文件夹来存放layer这个组
阅读全文
摘要：这一篇来讲解一下webpack的htmlWebpackHtml插件的使用。 先来思考一个实际问题：我们现在在index.html引用的js文件是写死的。但是我们每次打包后的文件都是动态的，那么我们怎么让他们结合起来呢？ 这就要借助htmlWebpackPlugin插件了。 1.先安装html-web
阅读全文
摘要：这一篇来讲解一下如何设置webpack的配置文件webpack.config.js 我们新建一个webpack-demo的项目文件夹，然后安装webpack 执行如下命令 在项目文件夹下，建一个dist文件夹来放打包后的文件，以及一个src文件夹来放我们的代码文件 再建立一个index.html文件
阅读全文
摘要：本文通过一个简单的实例来讲解一下vue的基本知识点。通过这个综合实例的讲解，vue的基础知识就会掌握的差不多了。 首先看一下项目的效果：
阅读全文
摘要：实例讲解系列之vue-router的使用 先总结一下vue-router使用的基本框架： 1.安装并且引入vue-router 安装：npm install vue-router --save-dev 2.执行Vuerouter: 3.写好路由配置： 4.new 一个vueRouter实例，并且将路
阅读全文
摘要：vuex是一个状态管理插件，本文通过一个简单的实例来讲解一下，vuex的使用。 先看一张官方的图： 这个图新手一看估计是蒙的，简单解释一下，这个图表示的就是vue通过Action Mutations 和state三者之间的交互来达到改变componets状态的作用。组件disapth事件之后，触发v
阅读全文
摘要：更新文章不容易，尤其是更新高质量的文章更加不易，因此为了节约时间，闲话就不多说了。关于webpack的介绍，webpack是用来干嘛的，这些基础概念性的东西，就不在此赘述，下面直接开始正题。 webpack的基本使用详解。 1.webpack的安装 npm install webpack --sav
阅读全文
摘要：vue学习之vue基本功能初探： 采用简洁的模板语法将声明式的将数据渲染进 DOM： v-bind方式绑定dom元素属性: v-if进行条件控制： v-for进行循环显示数据： 用v-on 指令绑定一个调用 Vue 实例方法的事件监听器： v-model 指令，使表单输入和应用状态间的双向绑定变得轻
阅读全文
摘要：计划近期开始学习vue.js。先敲一个hello wolrd作为开始。
阅读全文
