冲啊！ - 博客园

413 模板语法，Vue模板语法

摘要： ![](https://img2020.cnblogs.com/blog/1877004/202003/1877004-20200326104435605-1968186461.png) ![](https://img2020.cnblogs.com/blog/1877004/202003/1877004-20200326104451799-1586536298.png) ![](https:// 阅读全文

posted @ 2020-03-26 10:49 冲啊！阅读(130) 评论(0) 推荐(0) 编辑

412 传统开发模式与Vue对比，vue之HelloWorld入门及其细节分析

摘要： ![](https://img2020.cnblogs.com/blog/1877004/202003/1877004-20200326103808607-1952696781.png) ![](https://img2020.cnblogs.com/blog/1877004/202003/1877004-20200326103841483-1953898411.png) ```html Docu 阅读全文

posted @ 2020-03-26 10:41 冲啊！阅读(417) 评论(0) 推荐(0) 编辑

411 ES6 Promise对象

该文被密码保护。阅读全文

posted @ 2020-03-24 20:54 冲啊！阅读(14) 评论(0) 推荐(0) 编辑

410 ES6箭头函数

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>06_箭头函数</title> </head> <body> <button id="btn">测试箭头函数this_1</button> <button id 阅读全文

posted @ 2020-03-24 20:52 冲啊！阅读(110) 评论(0) 推荐(0) 编辑

409 Object扩展： Object.create()，Object.defineProperties()，get propertyName(){}，set propertyName(){}

摘要： ```html 03_Object扩展 ``` ``` Title ``` 阅读全文

posted @ 2020-03-24 20:47 冲啊！阅读(187) 评论(0) 推荐(0) 编辑

408 JSON对象：JSON.stringify(obj/arr)，JSON.parse(json)

摘要： ```html 02_JSON对象 ``` 阅读全文

posted @ 2020-03-24 20:46 冲啊！阅读(219) 评论(0) 推荐(0) 编辑

407 ES6的模块语法 (基于webpack)

摘要： 8.1 : export default 默认导出一个模块 ( 简单类型 + 复杂类型 ) 导出 : export default 默认只能导出一个导入 : import 导入的名字可以任意 8.2 export 导出多个模块, 都放在一个对象里导出 : export 导入 : import 阅读全文

posted @ 2020-03-24 11:42 冲啊！阅读(161) 评论(0) 推荐(0) 编辑

406 vue单文件组件，脚手架，项目文件、vue项目逻辑流程介绍，ESLint

摘要：一、vue 是单文件组件导 : 之前注册组件有什么缺点 ? 1- 缺乏语法高亮 2-格式不好整体 3-没有专门的写css代码等等参考 : vue ⇒ 工具 ⇒ 单文件组件什么是单文件组件 ? 后缀为 .vue 的文件单文件组件的三个组成部分 (代码块 : scaffold 自动提示) te 阅读全文

posted @ 2020-03-24 11:10 冲啊！阅读(365) 评论(0) 推荐(0) 编辑

405 webpack 具体使用

摘要： webpack 使用步骤 (最新版) 一、webpack 第一阶段命名初始化阶段项目名不能有汉字，不能取名叫 webpack 1、创建项目名称，并生成，命令 : 2、安装 : 3、创建一个文件 4、在的`scripts`中，添加脚本 5、运行 : 6、设置开发状态 : 隔行变色案例 1. 阅读全文

posted @ 2020-03-23 16:13 冲啊！阅读(203) 评论(0) 推荐(0) 编辑

404 Webpack概述

摘要： Webpack webpack官网 webpack中文网一、Webpack 介绍 Webpack 是什么? (mianshi) 前端模块化打包(构建)工具【构建：打包】 WebPack可以看做是模块打包机：它做的事情，是分析你的项目结构，找到JavaScript模块、其它的一些浏览器不能直接运行阅读全文

posted @ 2020-03-21 17:11 冲啊！阅读(112) 评论(0) 推荐(0) 编辑

403 vue路由进阶：元信息，编程式导航，导航守卫

摘要： 5.1 元信息作用规则声明获取 01 元信息.html 5.2 编程式导航 js const one = { template： ` 返回上一页跳转 two页替换 two页 `， methods： { handleClick(type) { if (type == 'back') { / 阅读全文

posted @ 2020-03-21 16:01 冲啊！阅读(506) 评论(0) 推荐(0) 编辑

402 vue组件传参

摘要：原始方式使用 $route获取 // 入口 <router-link to="/header/3">123</router-link> // 规则 routes： [ { path： '/header/：id'， component： header， } ] // 获取参数 const header 阅读全文

posted @ 2020-03-21 15:59 冲啊！阅读(208) 评论(0) 推荐(0) 编辑

401 vue路由重定向3种方式：path、name、函数

摘要：方式1： redirect： '/header' 方式2： redirect： { name： 'header' } 方式3： redirect： to => { // console.log(to) return { name： 'about' } } 10-重定向.html <!DOCTYPE 阅读全文

posted @ 2020-03-21 15:52 冲啊！阅读(3822) 评论(0) 推荐(0) 编辑

400 vue命名视图：<router-view name="xxx"> </router-view>

摘要：导入：有时候想同时 (同级) 展示多个视图，需求：访问 / 根目录，同时展示以下三个组件三个组件 const header = { template： `<p>header </p>` } const main = { template： `<p>main </p>` } const f 阅读全文

posted @ 2020-03-21 15:49 冲啊！阅读(2076) 评论(0) 推荐(0) 编辑

399 vue命名路由 ==> :to="{ name : 'xxx' }"

摘要：有时候，通过一个名称来标识一个路由显得更方便一些，特别是在链接一个路由，或者是执行一些跳转的时候。 === 场景你可以在创建 Router 实例的时候，在配置中给某个路由设置名称。 == 如何命名 09 命名路由.html 阅读全文

posted @ 2020-03-21 15:47 冲啊！阅读(604) 评论(0) 推荐(0) 编辑

398 vue嵌套路由/子路由： children

摘要：导入： url测试 parent 和child，想让child 在 parent 中显示 parent 的内部添加： <router-view> </router-view> 规则里添加 children /child 和 child 的区别如果是/child ⇒ 直接访问#/child就阅读全文

posted @ 2020-03-21 15:44 冲啊！阅读(1198) 评论(0) 推荐(0) 编辑

397 vue路由对象 - $route

摘要： vue-router的理解和使用 router-view、router-link、keep-alive $router: 路由器对象, 包含一些操作路由的功能函数, 来实现编程式导航(跳转路由) 【VueRouter实例对象。】 $route: 当前路由对象, `解析url信息`，一些当前路由信息数阅读全文

posted @ 2020-03-21 15:16 冲啊！阅读(540) 评论(0) 推荐(0) 编辑

396 vue路由配置：动态路由，详情列表案例

摘要： 4.1 动态路由 ⇒ 详情列表导入：列表三个手机都要点击，进入详情页，只需要一个组件，显示不同的数据即可 # 入口 <router-link to="/detail/1">手机1</router-link> <router-link to="/detail/2">手机2</router-li 阅读全文

posted @ 2020-03-21 15:14 冲啊！阅读(846) 评论(1) 推荐(0) 编辑

395 vue的 router-link-exact-active，router-link-active，入口导航菜单高亮处理案例

摘要：点击导航 = 元素里添加了两个类修改方式1 ：直接修改类的样式修改方式2 ：使用存在过的类样式 = 修改默认高亮类名 03 高亮状态.html 04 高亮状态精确匹配和模糊匹配.html 阅读全文

posted @ 2020-03-21 15:11 冲啊！阅读(774) 评论(0) 推荐(0) 编辑

394 vue路由使用注意事项

摘要：入口最常用的入口是声明式导航 router link 组件 js const One = { template： } js One Two html Document ONE ONE TWO 阅读全文

posted @ 2020-03-21 15:07 冲啊！阅读(191) 评论(0) 推荐(0) 编辑

导航

公告