随笔分类 - vue基础
摘要：1、初始化脚手架 1.1、说明 vue-cli是Vue官方提供的脚手架工具。 cli：command line interface命令行接口工具。 Vue脚手架是Vue官方提供的标准化开发工具（开发平台） 最新的版本是4.X 文档：https://cli.vuejs.org/zh/ 1.2、安装vu
阅读全文
摘要：1、模块与组件、模块化与组件化 模块 a. 理解：向外提螃定功能的js程序，一般就是一个js文件 b.为什么要使用模块：js文件很多很复杂 c.作用：复用、简化js的编写，提高js运行效率 组件 a.定义：用来实现局部功能的代码和资源的集合(html/css/js/image...) b.为什么：一
阅读全文
摘要：生命周期 1、引出生命周期 生命周期 1.又名：生命周期回调函数、生命周期回调函数、生命周期钩子。 2.是什么：Vue在关键时刻帮我们调用的一些特殊名称的函数。 3.生命周期函数的名字不可更改，但函数的具体内容是程序员根据需求编写的。 4.生命周期函数中的this指向是vm实例 或 组件实例对象。
阅读全文
摘要：1、内置指令 学过的指令： v-bind : 单向绑定解析表达式, 可简写为 :xxx v-model : 双向数据绑定 v-for : 遍历数组/对象/字符串 v-on : 绑定事件监听, 可简写为@ v-if : 条件渲染（动态控制节点是否存存在） v-else : 条件渲染（动态控制节点是否存
阅读全文
摘要：1、收集表单数据 收集表单数据 若：<input type="text"/>，则v-model收集的是value值，用户输入的就是value值。 若：<input type="radio"/>，则v-model收集的是value值，且要给标签配置value属性。 若：<input type="che
阅读全文
摘要：1列表渲染 1.1、基本列表 v-for指令 用于展示列表数据 语法： <li v-for="(item,index) in items " :key="index"> ,这里 key 可以是 index ,更好是遍历的对象的唯一标识。 可遍历：数组、对象、字符串（用的少）、指定次数（用的少） <!
阅读全文
摘要：1、绑定样式 写法：:class="xxx"，xxx可以是字符串、数组、对象 :style="[a,b]"其中a、b是样式对象 :style="{fontSize: xxx}"其中 xxx 是动态值 字符串写法适用于：类名不确定，要动态获取 数组写法适用于：要绑定多个样式，个数不确定，名字也不确定
阅读全文
摘要：1、计算属性 案例： 在两个文本框输入值影响下面的全名： 1.1、插值语法实现： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE
阅读全文
摘要：1、事件处理 1.1、事件的基本用法 使用v-on:xxx或@xxx绑定事件，其中xxx是事件名 事件的回调需要配置在methods对象中，最终会在vm上 methods中配置的函数，不要用箭头函数，否则this就不是vm 了 methods中配置的函数，都是被Vue所管理的函数，this的指向是v
阅读全文
摘要：1、MWM模型 mvvm模型：就是把数据和dom通过一个中间对象进行连接。 M:模型Model, data中的数据，把它当作一个单独的模块，不属于VM，因为VM对象里会将它复制一份在里面作为数据代理。data里的数据改变vue会重新解析模板。 V:视图View,模板代码 VM:视图模型ViewMod
阅读全文
摘要：el与data的两种写法 el绑定容器有2种写法 a.创建Vue实例对象的时候配置el属性，vue对象创建时就绑定。如： b.先创建Vue实例，随后再通过vm.$mount( '#root')指定el的值。如： data有2种写法 a.对象式：data： { } b.函数式：data() { ret
阅读全文
摘要：1、模板语法 Vue模板语法包括两大类 1 .插值语法 功能：用于解析标签体内容。插值语法往往用于指定标签体内容(双标签中间夹着的内容) 写法：{{xxx}} , xxx是js表达式，可以直接读取到data中的所有区域。 2 .指令语法 功能：用于解析标签（包括：标签属性、标签体内容、绑定事件…）
阅读全文
摘要：1、初识vue 前置工作(搭建vue环境和安装浏览器调试工具) ① 给浏览器安装Vue Devtools 插件 ② 引入 Vue包，vue包引入有下面两种方式： 页面引入(标签)又分为本地引入和CDN引入(script标签的src是一个在线的链接) ③ (可选)阻止vue在启动时生成生产提示 Vue
阅读全文
摘要：1、vue是什么？ js框架。 2、vue特点 ①采用组件化模块，提高代码复用率，且让代码更好维护。 组件化模块就是建一个页面的内容分为几个部分，每个部分都是自己的js和css和html(也就是.vue结尾的文件)。 ②声明式编码，让编码人员不用直接操作DOM，提高开发效率。 比如：由一个数据，要展
阅读全文
