![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
浪漫2020.
这个作者很懒,什么都没留下…
展开
-
Vue入门
Vue入门1、Vue.js是什么Vue是一个构建用户界面(UI)的[渐进式]JavaScript框架2. 库和框架的区别2.1 库(Library),本质上是一些函数的集合。每次调用函数,实现一个特定的功能,接着把控制权交给使用者代表:jQueryjQuery这个库的核心:DOM操作,即:封装DOM操作,简化DOM操作2.2 框架(Framework),是一套完整的解决方案,使用框架...原创 2019-09-14 18:56:51 · 185 阅读 · 0 评论 -
Vue模板语法上集
模板语法上集1.1 插值1.1.1 文本{{msg}}1.1.2 html使用v-html指令用于输出html代码1.1.3 属性HTML属性中的值应使用v-bind指令1.1.4 表达式Vue提供了完全的JavaScript表达式支持 {{str.substr(0,6).toUpperCase()}} {{ number + 1 }} {{ ...原创 2019-09-18 09:04:02 · 137 阅读 · 0 评论 -
Vue模板语法下集
Vue模板语法下集1. 样式绑定1.1 class绑定使用方式:v-bind:class=“expression”expression的类型:字符串、数组、对象1.2 style绑定v-bind:style=“expression”expression的类型:字符串、数组、对象2. 事件处理器事件监听可以使用v-on 指令之前已学习2.1 事件修饰符Vue通过由点(.)表示...原创 2019-09-19 09:35:42 · 114 阅读 · 0 评论 -
Vue路由
Vue路由1. SPA是什么单页Web应用(single page application,SPA),就是只有一个Web页面的应用,是加载单个HTML页面,并在用户与应用程序交互时动态更新该页面的Web应用程序单页面应用程序:只有第一次会加载页面, 以后的每次请求, 仅仅是获取必要的数据.然后, 由页面中js解析获取的数据, 展示在页面中传统多页面应用程序:对于传统的多页面应用程序来...原创 2019-09-19 16:57:12 · 81 阅读 · 0 评论 -
NodeJS环境搭建
NodeJS环境搭建1. Node.js是什么1.1 Node.js是一个基于Chrome V8引擎的[JavaScript运行环境]。 Node.js使用了一个事件驱动、非阻塞式I/O 的模型。1.2 Node.js是一个让JavaScript运行在服务端的开发平台,它让JavaScript成为与PHP、Python、Perl、Ruby等服务端语言平起平坐的脚本语言注1:Node.js–...原创 2019-09-20 12:07:03 · 123 阅读 · 0 评论 -
使用vue-cli搭建SPA项目
使用vue-cli搭建SPA项目0. 前提:搭建好NodeJS环境node -vnpm -v1. 什么是vue-cli?vue-cli是vue.js的脚手架,用于自动生成vue.js+webpack的项目模板创建命令如下:vue init webpack xxx注1:xxx 为自己创建项目的名称注2:必须先安装vue,vue-cli,webpack,node等一些必要的环境2....原创 2019-09-25 17:30:59 · 102 阅读 · 0 评论 -
SPA项目开发之首页导航+左侧菜单
SPA项目开发之首页导航+左侧菜单1. Mock.js前后端分离之后,前端迫切需要一种机制,不再需要依赖后端接口开发,而今天的主角mockjs就可以做到这一点Mock.js是一个模拟数据的生成器,用来帮助前端调试开发、进行前后端的原型分离以及用来提高自动化测试效率。众所周知Mock.js因为两个重要的特性风靡前端:数据类型丰富支持生成随机的文本、数字、布尔值、日期、邮箱、链接、图片、颜...原创 2019-09-28 11:52:30 · 90 阅读 · 0 评论 -
Vuex
Vuex中的各个js文件的用途一. vue中各个组件之间传值1.父子组件父组件–>子组件,通过子组件的自定义属性:props子组件–>父组件,通过自定义事件:this.$emit(‘事件名’,参数1,参数2,…);2.非父子组件或父子组件通过数据总数Bus,this.root.root.root.emit(‘事件名’,参数1,参数2,…)3.非父子组件或父子组件更好的方...原创 2019-10-10 11:53:15 · 93 阅读 · 0 评论