Vue
文章平均质量分 91
Vue从入门到精通
冰之沁泠
技术没有巅峰,只有不断追求更新的技术。
展开
-
Vue入门(五)—— 前端路由
路由的概念路由的本质就是一种对应关系,比如说我们在url地址中输入我们要访问的url地址之后,浏览器要去请求这个url地址对应的资源。那么url地址和真实的资源之间就有一种对应的关系,就是路由。路由分为前端路由和后端路由后端路由是由服务器端进行实现,并完成资源的分发前端路由是依靠hash值(锚链接)的变化进行实现后端路由性能相对前端路由来说较低,所以,接下来主要讲解的是前端路由。前端路由的基本概念根据不同的事件来显示不同的页面内容,即事件与事件处理函数之间的对应关系前端路由主要做的事原创 2021-02-20 11:26:43 · 447 阅读 · 0 评论 -
Vue入门(四)—— 前端交互
接口调用方式原生 ajax基于 jQuery 的 ajaxfetchaxios异步JavaScript 的执行环境是「单线程」所谓单线程,是指JS引擎中负责解释和执行 JavaScript 代码的线程只有一个,也就是一次只能完成一项任务,这个任务执行完后才能执行下一个,它会「阻塞」其他任务,这个任务可称为主线程异步模式可以一起执行多个任务JS中常见的异步调用定时任何(setTimeout 和 setInterval)ajax事件函数(回调函数)promise主要解原创 2021-02-18 11:12:05 · 456 阅读 · 1 评论 -
Vue入门(三)—— 组件化开发
组件组件 (Component) 是 Vue.js 最强大的功能之一组件可以扩展 HTML 元素,封装可重用的代码组件注册全局注册Vue.component(‘组件名称’, { }) 第1个参数是标签名称,第2个参数是一个选项对象全局组件注册后,任何vue实例都可以用组件基础用法<body> <div id="example"> <!-- 2、 组件使用 组件名称 是以HTML标签的形式使用 --> <my-compo原创 2021-02-15 14:18:52 · 349 阅读 · 0 评论 -
Vue入门(二)—— 常用特性
表单基本操作1.获取单选框中的值<body> <div id="app"> <!-- 1、 两个单选框需要同时通过 v-model 双向绑定一个值 2、 每一个单选框必须要有 value 属性且 value 值不能一样 3、 当某一个单选框选中的时候 v-model 会将当前的 value 值 改变 data 中的 数据 gender 的值就是选中的值,我们只需要实时监控它的值就可以了 -->原创 2021-02-05 17:48:52 · 247 阅读 · 1 评论 -
Vue入门(一)—— 模板语法
Vue.js 是什么?Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。什么是渐进式框架?渐进式框架就是用你想用或者能用的功能特性,你不想用的部分功能可以先不用。VUE不强求你一次性接受并使用它的全部功能特性。使用Vue将Hello World渲染到页面上<body> <div id="app"> <div>{{msg}}</di原创 2021-02-02 13:11:42 · 746 阅读 · 1 评论