vue
文章平均质量分 93
vue
敲代码的小小酥
上天,请赐予我平静,去接受我无法改变的;给予我勇气,去改变我能改变的;赐我智慧,分辨两者的区别
展开
-
ES6新特性详解
ES6新特性简单记录学习原创 2022-09-06 15:46:11 · 256 阅读 · 0 评论 -
一、VUE基础
一、初始Vue官方的话不多说了,总之现在Vue大行其道,不得不学了,所以才要学习Vue。Vue的应用大部分用于前后端分离,前端自启的项目。但是在学习前端单独分离之前,要先了解Vue的简单玩法,即前后端不分离,直接在html里引入Vue.js来使用Vue的玩法。本篇主要讲这种单机版玩法。在详细讲解之前,先说一下Vue的大概规则及简写方式。先看一下如何定义Vue:var vm= new Vue({ el:'#root', data:{ }, methods:{原创 2022-02-15 15:30:34 · 1237 阅读 · 0 评论 -
二、Vue脚手架工程
一、webpack介绍webpack 是一个现代 JavaScript 应用程序的静态模块打包器 (module bundler) 。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图 (dependency graph) ,其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个 bundle 。二、Vue组件介绍1. 背景在实际项目开发中,整个前端工程,只允许有一个Vue对象,这也是Vue官方所推荐的。在第一节所学的内容中,我们直接在一个页面new Vue了。那么在前原创 2022-03-14 11:28:49 · 1752 阅读 · 0 评论 -
三、Vuex技术
一、介绍Vuex是vue提供的一个插件。用于多个组件之间共享数据。前面讲到的全局事件总线,用于两两组件之间传递数据。而多个组件之间共同读取或修改某些数据时,就要用Vuex来共享数据了。Vuex流程图如下:首先,Vuex有几个元素:Actions、Mutations、State。这几个元素都是对象,都以key-value形式存在。...原创 2022-03-23 15:52:22 · 1669 阅读 · 0 评论 -
四、Vue之路由详解
一、简介Vue项目采用的是单页面应该(SPA),即整个应用只有一个页面,通过路由来在单页面中进行组件的切换,从而改变页面展示的内容。二、路由的使用2.1 安装插件路由是一个插件,首先要安装插件。默认安装的是vue-router4版本,对应的是vue3版本。这里使用vue2,所以要指定版本安装,安装vue-router3版本。npm i vue-router@3安装成功后,可以在package.json文件里看安装版本:2.2 定义路由路径在src下创建router文件夹,定义index.原创 2022-03-27 17:31:49 · 3531 阅读 · 1 评论 -
若依框架前端Vue项目分析实战
说明前面讲解了vue2的单点知识,下面用若依提供的vue项目,实战分析一下,拿到一个vue项目,如何进行分析并进行二次开发。一、public/index.html与main.js和App.vue三者的关系vue项目是单界面应用,所有的界面将在public下的index.html里呈现。main.js是程序的入口,在这里,定义了vue实例对象。如下代码:new Vue({ el: '#app', router,//路由插件 store,//vuex插件,所有的组件中都可以使用store中原创 2022-04-09 21:09:10 · 27498 阅读 · 9 评论