Vue课程学习笔记
最爱谭先森
愿归来仍是少年。
展开
-
Vue课程学习笔记-day10
路由 架构师 路由设计、请求、登录、状态机配置 程序员 文章管理、新增路由、会用状态机复习 1、路由基础 1) 路由的定义 一个路由对应一个组件 /article --> Article.vue 1. 安装 1、script引入 <script src='vue.js'>&...原创 2020-06-19 09:32:46 · 190 阅读 · 0 评论 -
Vue课程学习笔记-day09
中大型项目 vueRouter + vuex + axios复习 1、渲染函数 render:function(createElement){ return createElement('div',{},this.msg) } 1) 在vue项目中涉及到图表、地图,用render函数 2) 在mounted阶段才能获取到通过渲染函数创建出来的节点 2、style与class s...原创 2020-06-19 09:31:55 · 158 阅读 · 0 评论 -
Vue课程学习笔记-day08
复习 1、作用域插槽 2、脚手架 1) 安装环境:nodejs8.9+ 2) 安装脚手架生成工具 > cnpm install -g @vue/cli > vue --version 3) 通过脚手架创建项目 > vue create app01 手动 muanlly babel ...原创 2020-06-19 09:31:02 · 167 阅读 · 0 评论 -
Vue课程学习笔记-day07
复习 1、高级组件 1) 基础组件 1. 注册 Vue.component('xpf-div',{ template:`<div>hello vue--{{msg}}--{{title}}</div>`, data(){ return { ...原创 2020-06-19 09:30:09 · 201 阅读 · 0 评论 -
Vue课程学习笔记-day06
0、课调 1) 切屏速度较快 2) 知识点的过渡 3) 上课互动 4) 全局作用域、局部作用域、块级作用域 全局作用域(全局变量):声明在函数外部的变量,在其他任意地方都可以调用 不使用关键字var 局部作用域(局部变量):声明在函数内部的变量,一般只有在函数内部访问到 块级作用域:在es6中,使用let、const声明在{}内部的变量,只能在{}内访问 function sayName...原创 2020-06-19 09:29:12 · 177 阅读 · 0 评论 -
Vue课程学习笔记-day05
复习 1、过滤器 1. 定义 data(){}, methods:{}, // 局部过滤器 filters:{ dateFormat(time){ return xxx; } } // 全局过滤器 Vue.filte...原创 2020-06-19 09:27:55 · 120 阅读 · 0 评论 -
Vue课程学习笔记-day04
复习 1、表单 <select v-model='form.categoryId'> <option :value='item.id' v-for="item in category" :key='item.id'>{{item.name}}</option> </select> <input type='checkbox' v-model='form.options' v...原创 2020-06-19 09:27:00 · 161 阅读 · 0 评论 -
Vue课程学习笔记-day03
复习 1、条件渲染 v-if='boolean' v-else v-show='' --> 给元素添加了display属性 频繁切换 ==> v-show 条件几乎不变时 ==> v-if 2、事件的绑定 1. 绑定 v-on:click='handler' v-on:click='js表达式' 2...原创 2020-06-19 09:25:42 · 159 阅读 · 0 评论 -
Vue课程学习笔记-day02
复习 1、回顾 2、什么是vue mvvm、mvc vue特点 es6 双向数据绑定 零DOM操作 mvvm与mvc的区别? vue与jQuery的区别? 3、vue基础语法 1) 使用方式 cdn npm 2) vue实例对象 ...原创 2020-06-19 09:24:31 · 164 阅读 · 0 评论 -
Vue课程学习笔记-day01
1、介绍 1) 回顾 1. 底层代码操作 (古代,走路) 组件、页面布局 重构 交互 XMLHttpRequest(ajax) dom操作 DOM // 生成p标签 var p = document.createElement('p'); // 向p标签内部添加文本...原创 2020-06-19 09:23:29 · 233 阅读 · 0 评论