![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
是翼不是一
且行且珍惜
展开
-
七:前端工程化进阶
一模块化相关规范原创 2020-03-14 17:05:18 · 155 阅读 · 0 评论 -
六:前端工程化
1:概述:模块化概述传统开发模式的主要问题1:命名冲突2:文件依赖通过模块化解决上述问题模块化就是把单独的一个功能封装到一个模块(文件)中,模块之间相互隔离,但是可以通过特定的接口公开内部成员,也可以依赖别的模块。模块化开发的好处:方便代码的重用,从而提升开发效率,并且方便后期的维护。浏览器端模块化规范1:AMDRequire.js(http://www.require.js....原创 2020-03-13 21:59:29 · 186 阅读 · 0 评论 -
五:前端路由--基于Vue-router的案例
一:概述常见的后台管理系统:用到的路由技术要点:路由的基础用法嵌套路由路由重定向路由传参编程式导航基本样式:<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <title>基于vue-router的案例</title...原创 2020-03-11 18:25:32 · 383 阅读 · 0 评论 -
五:前端路由
一:概述路由是一个比较广义和抽象的概念,路由的本质就是对应的关系。在开发中:后端路由前端路由后端路由:概念:根据不同的用户URL请求,返回不同的内容。本质:URL请求地址与服务器资源之间的对应关系路由SPA(Single Page Application)后端渲染(存在性能问题)Ajax前端渲染(前端渲染提高性能,但是不支持浏览器的前进后退操作).SPA(single P...转载 2020-03-11 17:08:28 · 214 阅读 · 0 评论 -
四:Vue前后端交互----图书操作案例
一:概述图书相关的操作基于后台接口数据进行操作。需要调用接口的功能点1):图书列表数据加载 GET http:/localhost:3000/books2):添加图书 POST http://localhost:3000/books3):验证图书名称是否存在 GET http://localhost:3000/books/book/:name4):编辑图书-根据I...原创 2020-03-11 11:24:44 · 458 阅读 · 0 评论 -
四:Vue前后端交互
一:概述1接口调用方式原生ajax基于jQuery的ajaxfetchaxios2:传统形式的URL格式:schema://lost:port/path?query#fragment1):schema:协议。例如http,https,ftp等2);host:域名或者IP地址3):port:端口,http默认端口80,可以省略4):path:路径。例如/abc/a/b/b/c...原创 2020-03-10 12:47:31 · 226 阅读 · 0 评论 -
三:Vue组件
一:组件注册语法:Vue.component(组件名称,{data:组件数据,template:组件模板内容})注意:data值必须是一个函数。组件模板内容必须是单个跟元素。组件模板内容可以是模板字符串。1)模板字符串需要浏览器提供支持(ES6语法)例子://定义一个名为button-counter的新组件Vue.component('button-counter',{...原创 2020-03-08 15:24:30 · 294 阅读 · 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 · 263 阅读 · 0 评论 -
一:vue概述及入门
一:概述实例参数分析:el:元素的挂载位置(值可以是CSS选择器或者DOM元素)data:模型数据(值是一个对象)插值表达式用法:将数据填充到HTML标签中插值表达式支持基本的计算操作。Vue代码运行原理分析:编译:(Vue语法---->原生语法)例子:<!DOCTYPE html><html lang="en"><head>...原创 2020-03-06 10:32:57 · 304 阅读 · 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 · 147 阅读 · 0 评论