摘要:
一、单文件组件简介 1、什么是.vue文件 .vue文件是单文件组件,是vue.js自定义的一种文件格式,一个.vue文件就是一个单独的组件。在文件内封装了组件相关的代码。 .vue文件包括三部分: a) <template> 写html代码 b) <style> 写css代码 c) <script 阅读全文
摘要:
一、路由与动画结合 路由可以与动画结合使用。 二、代码实现 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>路由与动画结合</title> 6 <style> 7 /*设置链接点击后的颜色 阅读全文
摘要:
一、路由实例的方法 1、router.push() 添加路由,功能与<router-link>相同 2、router.push() 替换路由,不会产生历史记录 二、代码实现 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset=" 阅读全文
摘要:
一、路由嵌套参数的传递 传参数的两种方式: 1.使用查询字符串(例如:login?name=tom&psw=123),通过{{$router.query}}获取参数 2.rest风格url(例如:login/tom/123),通过{{$router.params}}获取参数 二、代码实现 1 <!D 阅读全文
摘要:
一、简介 路由嵌套是在路由配置的时候,使用children配置子路由。 二、代码实现 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>路由嵌套</title> 6 <style> 7 /* 阅读全文
摘要:
一、安装插件autofilename,实现文件路径提示 / 代码格式化。 1、点击菜单“preferences”——“package control”,在弹出的下拉框中选择“install package”。 2、等待几秒中,在弹出的新下拉框中,输入“autofilename”,下拉框会自动更新列表 阅读全文
摘要:
一、vue-router简介 使用vue.js开发SPA(Single Page Application,单页面应用)。根据不同url地址,显示不同的内容,但显示在同一页面中,称为单页面应用。(很多移动端产品使用SPA) 二、vue-router的安装 1、运行cnpm install vue-ro 阅读全文