![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue.js
文章平均质量分 81
李好帅啊
这个作者很懒,什么都没留下…
展开
-
vue.js学习笔记
up主:ilovecoding1. 认识vuevue:读音类似于view,莫说成v-u-e。vue是一个渐进式的框架。vue可以作为应用的一部分嵌入其中,可广泛用于一点一点的项目重构。常见高级功能:解耦视图和数据;可复用组件;前端路由技术;状态管理;虚拟domvue.js安装1.直接cdn应用,参考官方文档。2.下载和引入,参考官方文档。3.nmp安装。vue初学习es6中...原创 2020-05-12 17:02:11 · 298 阅读 · 0 评论 -
Promise
Promise是异步编程的一种解决方案。一般情况下有异步操作时,使用promise对异步操作进行封装。new Promise(参数) //创建promise实例,参数本身是一个函数new Promise((resolve,reject)=>{ //resolve,reject本身也是函数})//简单使用new Promise((resolve,reject)=>{ r...原创 2020-05-12 17:01:47 · 133 阅读 · 0 评论 -
JS高阶函数
1. filter函数,过滤filter中的回调函数会返回一个布尔值;返回true时,函数内部会自动将回调是n加入到新数组返回false时,函数内部会过滤掉这次的nconst num = [1,20,350,444,9];let newNum = num.filter(function (n) { return n < 100 })//结果:newNum = [1,20,9]...原创 2020-05-12 17:00:47 · 191 阅读 · 0 评论 -
Vue.js组件
三个步骤:创建组件构造器 ——> 调用Vue.extend()方法注册组件 ——> 调用Vue.component()方法使用组件 ——> 在Vue实例的作用范围内使用组件 <div id="app"> // 3. 使用组件 <my-cpn></my-cpn> </div><s...原创 2020-05-12 17:00:05 · 117 阅读 · 0 评论 -
Vue的runtimecompiler和runtimeonly
1. runtime-compilerimport Vue from 'vue';import App from './App.vue'; export default new Vue({ el:'#app', template: '<APP/>', components: {APP} })// 渲染过程 templay...原创 2020-05-12 16:59:21 · 109 阅读 · 0 评论 -
vue-router
路由的使用index.js//配置路由相关信息import Vue from 'vue';import Router from 'vue-router';//1. 通过Vue.use(插件),安装插件Vue.use(Router);//2. 创建路由对象const router = new Router({ mode: 'history', //默认为hash模式,这里设置...原创 2020-05-12 16:58:23 · 105 阅读 · 0 评论 -
Vue.js插槽
插槽初级使用和具名插槽看这里添加链接描述标题## 编译作用域父模板中的所有东西都会在父级作用域内编译,子模板的所有东西都会在子集作用域内编译。 <div id="app"> // isShow为true,对应vue实例中app的isShow <my-cpn v-show="isShow"></my-cpn> </div>...原创 2020-05-12 16:57:46 · 119 阅读 · 0 评论 -
Vuex
Vuex是vuejs的状态管理模式。什么情况使用vuex:某个状态需要在多个组件之间共享,例如用户登录状态,用户信息等。store.jsimport Vue from 'vue';import Vuex from 'vuex';Vue.use(Vuex);export default new Vuex.Store({ //**store是响应式的** state: { ...原创 2020-05-12 16:57:06 · 124 阅读 · 0 评论 -
vue.js自定义指令
1.在入口文件App.vue中定义<template> <div id="app"> <routerView/> </div></template><script>import Vue from 'vue'Vue.directive('has',{ bind(el, binding, v...原创 2019-10-08 11:21:08 · 143 阅读 · 0 评论