Vue
关注
分享
扫一扫
是翼不是一
且行且珍惜
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
七:前端工程化进阶
一模块化相关规范原创 2020-03-14 17:05:18 · 209 阅读 · 0 评论 -
六：前端工程化
1:概述 :模块化概述 传统开发模式的主要问题 1:命名冲突 2:文件依赖 通过模块化解决上述问题 模块化就是把单独的一个功能封装到一个模块(文件)中，模块之间相互隔离，但是可以通过特定的接口公开内部成员，也可以依赖别的模块。 模块化开发的好处:方便代码的重用，从而提升开发效率，并且方便后期的维护。 浏览器端模块化规范 1：AMD Require.js（http://www.require.js....原创 2020-03-13 21:59:29 · 228 阅读 · 0 评论 -
五:前端路由--基于Vue-router的案例
一：概述 常见的后台管理系统： 用到的路由技术要点： 路由的基础用法 嵌套路由 路由重定向 路由传参 编程式导航 基本样式： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>基于vue-router的案例</title...原创 2020-03-11 18:25:32 · 480 阅读 · 0 评论 -
五:前端路由
一:概述 路由是一个比较广义和抽象的概念,路由的本质就是对应的关系。 在开发中: 后端路由 前端路由 后端路由： 概念：根据不同的用户URL请求，返回不同的内容。 本质：URL请求地址与服务器资源之间的对应关系 路由 SPA(Single Page Application) 后端渲染(存在性能问题) Ajax前端渲染(前端渲染提高性能，但是不支持浏览器的前进后退操作). SPA(single P...转载 2020-03-11 17:08:28 · 266 阅读 · 0 评论 -
四:Vue前后端交互----图书操作案例
一:概述 图书相关的操作基于后台接口数据进行操作。 需要调用接口的功能点 1):图书列表数据加载 GET http:/localhost:3000/books 2):添加图书 POST http://localhost:3000/books 3):验证图书名称是否存在 GET http://localhost:3000/books/book/:name 4):编辑图书-根据I...原创 2020-03-11 11:24:44 · 523 阅读 · 0 评论 -
四:Vue前后端交互
一：概述 1接口调用方式 原生ajax 基于jQuery的ajax fetch axios 2：传统形式的URL 格式:schema://lost:port/path?query#fragment 1):schema:协议。例如http,https,ftp等 2);host:域名或者IP地址 3):port:端口，http默认端口80,可以省略 4):path:路径。例如/abc/a/b/b/c...原创 2020-03-10 12:47:31 · 284 阅读 · 0 评论 -
三:Vue组件
一:组件注册 语法: Vue.component(组件名称，{ data:组件数据, template:组件模板内容 }） 注意：data值必须是一个函数。 组件模板内容必须是单个跟元素。 组件模板内容可以是模板字符串。 1）模板字符串需要浏览器提供支持(ES6语法) 例子: //定义一个名为button-counter的新组件 Vue.component('button-counter',{ ...原创 2020-03-08 15:24:30 · 379 阅读 · 0 评论 -
二:Vue基础
一:常用特性 1.表单操作 Input 单行文本 textarea 多行文本 select 下拉多选 radio 单选框 checkbox 多选框 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</titl...原创 2020-03-06 20:12:24 · 317 阅读 · 0 评论 -
一:vue概述及入门
一:概述 实例参数分析： el:元素的挂载位置(值可以是CSS选择器或者DOM元素) data:模型数据(值是一个对象) 插值表达式用法: 将数据填充到HTML标签中 插值表达式支持基本的计算操作。 Vue代码运行原理分析: 编译:(Vue语法---->原生语法) 例子： <!DOCTYPE html> <html lang="en"> <head>...原创 2020-03-06 10:32:57 · 354 阅读 · 0 评论 -
Vue小案例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!--cdn方式引入vue.js--> <script src="https://cdn.jsdelivr....原创 2019-07-05 07:51:31 · 194 阅读 · 0 评论