- 博客(16)
- 收藏
- 关注
RSS订阅原创 vue 渲染函数
使用方法v-if ：<h1 v-if="xkd">侠课岛</h1>template 中配合 v-if 条件渲染一整组 ：<template v-if="a"> <h1>Title</h1> <p>Paragraph one</p> <p>Paragraph two</p>&...
2019-09-30 09:44:29
132
原创 可复用性和组合
可复用性和组合就是将组件可复用性的使用和组合这个组件。可复用性和组合我们可以新建一个index.html和index.js，在index.html中引入index.js，然后在index.html中写入代码：<body> <div id="main"> // 自定义组件名 <vue-hesder class="hesder">...
2019-09-29 09:46:31
91
原创 自定义组件
什么是组件组件（component）就是零件，将零件组装成想要的工具（页面）。组件是Vue.js最强大的功能之一，它可以扩展HTML元素，封装可重用的代码，通过传入对象的不同，实现组件的复用。使用组件的好处组件是可以复用性的易于维护有封装性，易于使用大型项目中降低组件之间重复性全局组件全局组件：在任何地方，任何方式，任何地点都可以使用的标签组件。 Vue.compon...
2019-09-27 09:55:52
884
原创 vue-cli 单文件组件
什么是vue-cli单文件组件vue-cli 是官方提供的一个脚手架工具，它可以快速的生成vue的项目模板。官方网址：http://www.npmjs.com/package/vue-cli主要功能提供了一个规范的目录结构本地调试代码部署热加载单元测试怎么建立npm install vue-clinpm init webpacknpm installnpm run d...
2019-09-26 10:08:58
262
原创 Vue路由的配置
什么是路由vue路由是可以通过组件的形式把所有的组件组装成为一个应用程序，当我们需要的时候，将这个组件映射到路由，然后告诉Vue 我们在哪里渲染它们。路由是我们浏览器的一个地址。vue路由的优缺点当我们加载一个程序时，由于它加载的内容特别多，所以会比较缓慢，但是我们加载完之后，我们到页面里进行切换，它的切换速度会变得特别快。原因是因为我们将所有的程序都放在一个页面里面了，我们将它加载时所有...
2019-09-25 10:18:47
269
原创 组件
组件的使用<!DOCTYPE html><html> <head> <title>组件</title> <script src="Vue.min.js"></script> <script> window.onload = () => { ...
2019-09-23 10:02:48
117
原创 Vue内置指令的使用
v-model（数据绑定）v-model常用于表单数据的双向绑定，它本质上是一个语法糖。它主要的有两种应用：在文本框、多行文本、input的下拉框、单选按钮、复选框中的应用<div id="app"><input v-model="test"><!-- <input :value="test" @input="test= $event.target.v...
2019-09-20 10:10:43
284
原创 Vue 模板语法、事件和表单使用
模板语法文本绑定，两个大括号，中间加上data里面的数据，message里面不仅可以是变量还可以是表达式 <body> <div id="main"> // 变量 {{ message }} <br/> // 表达式 {{ number + 1}} </div><...
2019-09-18 10:30:38
552
原创 Vue 的属性、方法和生命周期
实例<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv...
2019-09-17 09:43:38
186
原创 Vue 初体验
引入VueVue文件地址： <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script>Vue雏形代码： <html lang="en"> <head> <meta charset="UTF-8">...
2019-09-16 10:51:58
92
原创 认识Vue
vue是什么Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式JavaScript框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，方便与第三方库或既有项目整合。Vue的目标是通过尽可能简单的API实现响应式的数据绑定和组合的试图组件。Vue.js 自身不是一个全能框架——它只聚焦于视图层。因此它非常容易学习，非...
2019-09-12 10:31:50
117
原创 ES6新特性之Module
关于模块化，在之前有过AMD和CMD，require.js以及后面的sea.js，实际上都是借助于第三方的插件。那么在ES6里面它官方引入了模块化编程，它的不同之处在于：ES6的Module它的运行环境实际上是编译时的，也就是说在编译时它就会把所有的依赖导入导出，每一个模块有自己独立的命名空间，然后这些关系都明确了。1：基本概念编译时模块(module)体系2：export - 规定模块的...
2019-09-10 09:36:06
89
原创 ES6新特性之Class
在JS里面，它实际上是没有类的概念的，我们如果想要实现一个面向对象的一个编程，那么我们只能够借助构造函数，但是构造函数有着自身的缺点，首先第一点它的写法不清晰，我们需要继承的话就需要手动的去操作prototype；其次它面向对象的思想也不是很强烈，所以在ES6它封装了一层构造函数的语法糖，就叫Class，封装后有了一个更清晰的写法，而且更加像一个面向对象编程语言。1：基本概念构造函数语法糖...
2019-09-09 09:45:36
213
原创 ES6新特性之Async
基本概念Async实际上是一个封装了自动化执行并返回一个Promise的Generator函数的语法糖。这句话的意思我们可以分为三个部分来解读：首先它有一个自动化执行，Generator函数是依靠不停的调用.net来依次执行的，Async有一个自动化执行的过程。第二个，它返回一个Promise，也就是说在Async函数里面我们拿到它的结果需要调用promise.then。Generato...
2019-09-06 09:51:20
112
原创 ES6新特性之Generator函数
1：基本概念实际上Generator就是遍历器的一个生成器，我们可以用Generator来生成一个遍历器。Generator有两个明显的特点：第一个是function关键字与函数名之间有一个星号，一般而言是将两者写在一起的。第二个是在函数体内部有一个yield的关键字。function* generator(){ yield 1; yield 2; return 3; ...
2019-09-03 09:51:38
139
原创 ES6 新特性之 Iterator
1：基本概念Iterator 迭代器是一种接口，为不同的数据结构提供统一的访问机制，这个访问机制主要是遍历，我们知道，在数组、在对象、在类数组、在map、在set里面，都可以用for of或者扩展运算符来得到一个数组或者是遍历当前的数据结构，为什么能够遍历的原因就是因为存在这个Iterator 迭代器这个东西，所以我们可以用for of来提供一个统一的遍历，因此这个底层或者是Itrator它最初...
2019-09-02 09:56:57
170
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人