Vue
Zangjiji
正在向成为一名合格开发者而努力!!
展开
-
【Vue】五、Vue与ElementUI的小demo
【Vue】五、Vue与ElementUI的小demo1、配置环境根据之前创建vue-cli项目一样再来一遍 创建项目1. 创建一个名为 hello-vue 的工程 vue init webpack hello-vue2. 安装依赖,我们需要安装 vue-router、element-ui、sass-loader 和 node-sass 四个插件# 进入工程目录cd hello-vue# 安装 vue-routernpm install vue-router --save-dev# 安装 e原创 2020-10-25 19:56:21 · 535 阅读 · 0 评论 -
【Vue】四、Vue-cli、Webpack以及Vue-router的使用
【Vue】四、Vue-cli、Webpack以及Vue-router的使用一、Vue-cliNode.js : http://nodejs.cn/download/下载64位安装包,无脑下一步即可。安装完毕后通过npm -v以及node -v查看npm以及nodejs版本之后我们使用npm安装一下阿里巴巴的镜像# -g 就是全局安装npm install cnpm -g之后我们安装一下 vue-clI#在命令台输入cnpm install vue-cli -g#查看是否安装成功原创 2020-10-23 20:54:29 · 323 阅读 · 0 评论 -
【Vue】3、计算属性、插槽以及自定义事件
【Vue】三、计算属性、插槽以及自定义事件一、计算属性当我们需要执行开销很大的一个function,比如说遍历一个超级长的数组啥的,如果这时候我们使用vue中的methods多次执行这个方法,那想必开销是相当大的!Vue中给我们提供了计算属性,来使得我们函数的结果保存在缓存中,直到数据发生变化之后才再次执行。这就大大减少了系统的开销。我们在vue中使用computed标签定义计算属性,与methods非常相似。<script> var dirty = new Vue({原创 2020-10-21 20:11:24 · 639 阅读 · 0 评论 -
【Vue】二、Vue组件以及axios入门
【Vue】二、Vue组件以及axios入门1、组件化应用构建组件系统是 Vue 的另一个重要概念,因为它是一种抽象,允许我们使用小型、独立和通常可复用的组件构建大型应用。仔细想想,几乎任意类型的应用界面都可以抽象为一个组件树。就比如说下面这张图可以抽象成图的整体是一个小方框,每一个小框又是一个新的方框,其可以重复使用。demo:<!DOCTYPE html><html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml"原创 2020-10-19 16:19:47 · 216 阅读 · 0 评论 -
【Vue】1、HelloVue!!
【Vue】1、HelloVue!!一、简介1、vue简介Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框架。Vue 只关注视图层, 采用自底向上增量开发的设计。Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。它具有以下的特点:易用(有点前端基础就可!)灵活(简单小巧!)性能优!Vue.js 的 API 是参考了AngularJS、KnockoutJS、Ractive.js、Rivets.js。还有要提一嘴!vue原创 2020-10-14 20:57:23 · 400 阅读 · 0 评论