上一页 1 ··· 4 5 6 7 8 9 10 11 12 ··· 19 下一页
摘要: 一、单文件组件简介 1、什么是.vue文件 .vue文件是单文件组件,是vue.js自定义的一种文件格式,一个.vue文件就是一个单独的组件。在文件内封装了组件相关的代码。 .vue文件包括三部分: a) <template> 写html代码 b) <style> 写css代码 c) <script 阅读全文
posted @ 2021-09-10 14:46 AnnLing 阅读(164) 评论(0) 推荐(0) 编辑
摘要: 一、路由与动画结合 路由可以与动画结合使用。 二、代码实现 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>路由与动画结合</title> 6 <style> 7 /*设置链接点击后的颜色 阅读全文
posted @ 2021-09-10 14:20 AnnLing 阅读(392) 评论(0) 推荐(0) 编辑
摘要: 一、路由实例的方法 1、router.push() 添加路由,功能与<router-link>相同 2、router.push() 替换路由,不会产生历史记录 二、代码实现 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset=" 阅读全文
posted @ 2021-09-10 14:17 AnnLing 阅读(2158) 评论(0) 推荐(0) 编辑
摘要: 一、路由嵌套参数的传递 传参数的两种方式: 1.使用查询字符串(例如:login?name=tom&psw=123),通过{{$router.query}}获取参数 2.rest风格url(例如:login/tom/123),通过{{$router.params}}获取参数 二、代码实现 1 <!D 阅读全文
posted @ 2021-09-10 13:37 AnnLing 阅读(416) 评论(0) 推荐(0) 编辑
摘要: 一、简介 路由嵌套是在路由配置的时候,使用children配置子路由。 二、代码实现 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>路由嵌套</title> 6 <style> 7 /* 阅读全文
posted @ 2021-09-10 12:01 AnnLing 阅读(270) 评论(0) 推荐(0) 编辑
摘要: 一、安装插件autofilename,实现文件路径提示 / 代码格式化。 1、点击菜单“preferences”——“package control”,在弹出的下拉框中选择“install package”。 2、等待几秒中,在弹出的新下拉框中,输入“autofilename”,下拉框会自动更新列表 阅读全文
posted @ 2021-09-10 10:32 AnnLing 阅读(190) 评论(0) 推荐(0) 编辑
摘要: 一、vue-router简介 使用vue.js开发SPA(Single Page Application,单页面应用)。根据不同url地址,显示不同的内容,但显示在同一页面中,称为单页面应用。(很多移动端产品使用SPA) 二、vue-router的安装 1、运行cnpm install vue-ro 阅读全文
posted @ 2021-09-10 09:57 AnnLing 阅读(192) 评论(0) 推荐(0) 编辑
摘要: 一、slot内容分发简介 slot的本意是位置、槽。slot的作用:获取组件中原有的内容,类似于angular中的transclude指令。 二、代码实现 1、slot简单用法(直接使用<slot></slot>) 1 <!DOCTYPE html> 2 <html lang="en"> 3 <he 阅读全文
posted @ 2021-09-09 17:04 AnnLing 阅读(126) 评论(0) 推荐(0) 编辑
摘要: 一、简介 非父子组件间的通信,我们可以通过一个空的Vue实例作为中央事件总线(事件中心),用它来触发事件和监视事件。 二、实现方法 第一步:定义空的Vue实例,实现事件的触发和侦听 var Event = new Vue(); 第二步:触发事件 Event.$emit('事件名',数据) 第三步:侦 阅读全文
posted @ 2021-09-09 14:12 AnnLing 阅读(149) 评论(0) 推荐(0) 编辑
摘要: 一、单向数据流简介 props是单向绑定的,当父组件的属性变化时,将传导给子组件,但是不会反过来。这是为了防止子组件无意修改了父组件的状态(这会让应用的数据流难以理解)。而且不允许子组件直接修改父组件的数据(会报错)。 1、子组件修改数据,不影响到父组件。 解决方式:如果子组件想把它作为局部数据来使 阅读全文
posted @ 2021-09-09 11:10 AnnLing 阅读(476) 评论(0) 推荐(0) 编辑
上一页 1 ··· 4 5 6 7 8 9 10 11 12 ··· 19 下一页