![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue.js
secretccy
这个作者很懒,什么都没留下…
展开
-
Vue.js高级(vue-router)
1.vue-router基础 vue-router的模式 hash: 使用 URL hash 值来作路由。支持所有浏览器,包括不支持 HTML5 History Api 的浏览器。 #/home history: 依赖 HTML5 History API和服务器配置。【需要后端支持】 /home abstract: 支持所有 JavaScript 运行环境,如 Node.js 服务器端。如果发...原创 2019-10-28 20:29:13 · 164 阅读 · 0 评论 -
Vue.js基础(六)
1.生命周期 生命周期图示 生命周期的三个阶段与八个钩子函数 初始化阶段 beforeCreate 组件创建前 作用: 为整个生命周期做准备工作,初始化事件和自身或是子组件的生命周期做准备 意义: 数据拿不到, 真实dom拿不到 created 组件创建结束 作用: 初始化注入其他选项 和 激活 选项 意义:数据可以拿到,真实dom拿不到 项目中:数据请求,也可以修改一次...原创 2019-10-26 09:53:03 · 121 阅读 · 0 评论 -
Vue.js基础(五)
1.组件通信 父子组件通信 父组件将自己的数据同 v-bind 绑定在 子组件身上 子组件通过 props属性接收 <template id="father"> <div> <h3> 这里是father </h3> <Son :money = "money"></Son> </d...原创 2019-10-24 16:47:33 · 79 阅读 · 0 评论 -
Vue.js基础(四)
1.fetch 原生js提供了两种数据请求方式 ajax fetch ajax vs fetch ajax需要封装的, fetch不需要 ajax不太符合MV* 开发方式,fetch可以认为是js为了MV*方式做的量身打造 fetch也是Promise fetch get/post请求 get() { fetch(`${BASE_URL}/get.p...原创 2019-10-22 21:43:16 · 80 阅读 · 0 评论 -
Vue.js基础(三)
1.事件修饰符 定义:事件修饰符是用来修饰事件的,它的作用是更加便捷的来使用一些重复的代码,比如时间冒泡的阻止 常见事件修饰符 stop - 调用 event.stopPropagation()。 prevent - 调用 event.preventDefault()。 capture - 添加事件侦听器时使用 capture 模式。 self - 只当事件是从侦听器绑定的元素本身触发时才触发...原创 2019-10-21 19:38:27 · 74 阅读 · 0 评论 -
Vue.js基础(二)
1.mustache语法 内容: 必须加 属性: 属性中属性值可以直接写js语法,并且属性值中的数据相当于全局变量 null 和 undefined 是不会显示的,其他数据类型都是支持的,可以显示的 挂载在window身上的全局属性,不能使用 mustache语法中 不写流程控制 mustache语法中支持三元表达式,同样也支持运算符 短路原则也是支持的 2.指令 指令的目的是做什么: 操作...原创 2019-10-18 17:06:31 · 91 阅读 · 0 评论 -
前端开发规范与Vue.js基础(一)
1.前端开发流程规范 前端开发流程规范 2.前端框架发展史 html html [1990]----> html5 [2008.1.12] css css 1.0 1996 css 2.0 1998 css 3.0 2001 EcmaScript 1997年诞生 2015 EcmaScript 2015 2016 EcmaScript 2016 dart语言 vs...原创 2019-10-17 19:20:06 · 152 阅读 · 0 评论