上一页 1 ··· 13 14 15 16 17 18 19 20 21 ··· 36 下一页

2020年3月26日

417 vue双向数据绑定指令

摘要: ![](https://img2020.cnblogs.com/blog/1877004/202003/1877004-20200326110136180-1677464467.png) ```html Document {{msg}} ``` 阅读全文

posted @ 2020-03-26 11:03 冲啊! 阅读(130) 评论(0) 推荐(0)

416 vue数据响应式,v-once

摘要: ![](https://img2020.cnblogs.com/blog/1877004/202003/1877004-20200326105858051-991322350.png)---```html Document {{msg}} {{info}} ``` 阅读全文

posted @ 2020-03-26 11:00 冲啊! 阅读(150) 评论(0) 推荐(0)

415 数据绑定指令:v-text,v-html,v-pre

摘要: ![](https://img2020.cnblogs.com/blog/1877004/202003/1877004-20200326105331601-659743213.png) ```html Document {{msg}} {{msg}} ``` 阅读全文

posted @ 2020-03-26 10:55 冲啊! 阅读(155) 评论(0) 推荐(0)

414 指令入门, v-cloak指令

摘要: ![](https://img2020.cnblogs.com/blog/1877004/202003/1877004-20200326105123760-1115975860.png) ```html Document {{msg}} ``` 阅读全文

posted @ 2020-03-26 10:52 冲啊! 阅读(236) 评论(0) 推荐(0)

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 冲啊! 阅读(135) 评论(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 冲啊! 阅读(426) 评论(0) 推荐(0)

2020年3月24日

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 冲啊! 阅读(116) 评论(0) 推荐(0)

409 Object扩展: Object.create(),Object.defineProperties(),get propertyName(){},set propertyName(){}

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

posted @ 2020-03-24 20:47 冲啊! 阅读(195) 评论(0) 推荐(0)

408 JSON对象:JSON.stringify(obj/arr),JSON.parse(json)

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

posted @ 2020-03-24 20:46 冲啊! 阅读(224) 评论(0) 推荐(0)

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

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

posted @ 2020-03-24 11:42 冲啊! 阅读(170) 评论(0) 推荐(0)

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

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

posted @ 2020-03-24 11:10 冲啊! 阅读(409) 评论(0) 推荐(0)

2020年3月23日

405 webpack 具体使用

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

posted @ 2020-03-23 16:13 冲啊! 阅读(222) 评论(0) 推荐(0)

2020年3月21日

404 Webpack概述

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

posted @ 2020-03-21 17:11 冲啊! 阅读(121) 评论(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 冲啊! 阅读(527) 评论(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 冲啊! 阅读(214) 评论(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 冲啊! 阅读(3872) 评论(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 冲啊! 阅读(2114) 评论(0) 推荐(0)

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

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

posted @ 2020-03-21 15:47 冲啊! 阅读(636) 评论(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 冲啊! 阅读(1229) 评论(0) 推荐(0)

上一页 1 ··· 13 14 15 16 17 18 19 20 21 ··· 36 下一页

导航