
Vue
Zangjiji
正在向成为一名合格开发者而努力!!
展开
-
【Vue】五、Vue与ElementUI的小demo
【Vue】五、Vue与ElementUI的小demo 1、配置环境 根据之前创建vue-cli项目一样再来一遍 创建项目 1. 创建一个名为 hello-vue 的工程 vue init webpack hello-vue 2. 安装依赖,我们需要安装 vue-router、element-ui、sass-loader 和 node-sass 四个插件 # 进入工程目录 cd hello-vue # 安装 vue-router npm install vue-router --save-dev # 安装 e原创 2020-10-25 19:56:21 · 563 阅读 · 0 评论 -
【Vue】四、Vue-cli、Webpack以及Vue-router的使用
【Vue】四、Vue-cli、Webpack以及Vue-router的使用 一、Vue-cli Node.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 · 329 阅读 · 0 评论 -
【Vue】3、计算属性、插槽以及自定义事件
【Vue】三、计算属性、插槽以及自定义事件 一、计算属性 当我们需要执行开销很大的一个function,比如说遍历一个超级长的数组啥的,如果这时候我们使用vue中的methods多次执行这个方法,那想必开销是相当大的!Vue中给我们提供了计算属性,来使得我们函数的结果保存在缓存中,直到数据发生变化之后才再次执行。这就大大减少了系统的开销。 我们在vue中使用computed标签定义计算属性,与methods非常相似。 <script> var dirty = new Vue({原创 2020-10-21 20:11:24 · 650 阅读 · 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 · 219 阅读 · 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 · 411 阅读 · 0 评论