vue的基本概念   挂载点:就是el属性对应html中的节点,实例只会处理挂载点下的内容. 模版:在挂载点内部的内容,也可以将模版内容卸载实例里面 如果有template属性会用模版替换外部html,只要有此属性app中的内容就没有意义,只能有一个根元素,不能是本文节点  插值表达式:<h1>{{message}}</h1>     使用插值表达式可能会出现闪屏问题   v-text表达式:<div v-text="message"></di…

1.1 vue.js的快速入门使用 vue.js是目前前端web开发最流行的工具库之一,由尤雨溪在2014年2月发布的. 另外几个常见的工具库:react.js /angular.js 官方网站: 中文:https://cn.vuejs.org/ 英文:https://vuejs.org/ 官方文档:https://cn.vuejs.org/v2/guide/ 1.2 vue.js库的基本使用 基本形式: 基本使用方法: 1. vue的使用要从创建Vue对象开始 var vm = new Vue…

1.安装好 vscode 和 node.js 安装node.js是为了用npm(管理项目依赖) 2.调出终端 crtl +~ , 3.终端全局安装 vue-cli  安装整个脚手架,能快速给我们构建vue项目 安装命令:npm install -g vue-cli 4.终端安装webpack包,用来打包js工具. 安装命令:npm install -g webpack 5.安装完后可以创建一个vue项目,首先建立一个文件夹,然后用vscode打开文件夹,然后终端到该文件夹,如我的是vscodeP…

Vue 实例有一个完整的生命周期,也就是从开始创建. 初始化数据. 编译模板. 挂载 Dom. 渲染→更新→渲染. 销毁等一系列过程,我们称这是 Vue 的生命周期.通俗说就是 Vue 实例从创建到销毁的过程,就是生命周期. vue的生命周期:     1.vue创建之前beforeCreated     2.创建created     3.挂载之前beforeMouted     4.挂载mouted     5.更新之前beforeUpdate     6.更新完成updated     7…

前面的话 本文将详细介绍Vue插件plugins的基本操作 开发插件 插件通常会为 Vue 添加全局功能.插件的范围没有限制——一般有下面几种: 1.添加全局方法或者属性,如: vue-custom-element 2.添加全局资源:指令/过滤器/过渡等,如 vue-touch 3.通过全局 mixin 方法添加一些组件选项,如: vue-router 4.添加 Vue 实例方法,通过把它们添加到 Vue.prototype 上实现 5.一个库,提供自己的 API,同时提供上面提到的一个或多个功…

基本操作(上) 本章节简介: vue的安装 vue实例创建 数据绑定渲染 表单数据双向绑定 事件处理 安装 安装方式有三种: 一.vue官网直接下载 http://vuejs.org/js/vue.min.js 二.使用CDN方法 BootCDN(国内) :https://cdn.bootcss.com/vue/2.2.2/vue.min.js, (国内不稳定) unpkg:https://unpkg.com/vue/dist/vue.js, 会保持和 npm 发布的最新的版本一致.(推荐使用)…

vue学习之路 - 4.基本操作(下) 简述:本章节主要介绍 vue 的一些其他常用指令. Vue 指令 这里将 vue 的指令分为系统内部指令(vue 自带指令)和用户自定义指令两种. 系统内部指令 v-if v-else v-else-if v-for v-on v-bind v-model 以上指令前面都已说明其作用,并且使用过,这里将不再赘述. 下面我们看看 vue 的一些其他常用指令的用法: 在学习 v-text 和 v-cloak 之前我们先看看{{ }}的使用所存在的问题. {{…

基本操作(中) 本章节主要介绍:vue的条件渲染.列表渲染,计算属性和侦听器 条件渲染和列表渲染 条件渲染主要使用到了 v-if 指令,列表渲染主要使用了 v-for 指令. 下面介绍 v-if . v-for 和 <template> 标签 指令的使用: v-if 作用:控制元素的是否渲染.True为渲染 false不渲染,如下基本操作: Demo: <div id="app"> <!-- 如果 seen 为true就显示 --> <div…

1.{{message}}输出data数据中的message. 2.v-for="todo in todos"输出data数据中的dotos数组 3.v-on:click="aaaa"绑定methods中的aaaa()事件,可以简写为@click 4.v-model="input" 输出data数据中input的值,双向绑定. 5.this.$dispatch("aaa", this.msg)向上派发事件,aaa写在event…

一.vue.js的初步认识 <a href="https://unpkg.com/vue ">vue.js下载</a> 1.抛开手动操作DOM的思维,Vue.js是数据驱动的,你无需手动操作DOM. 2.将DOM和数据绑定起来,DOM将和数据保持同步,每当变更了数据,DOM也会相应地更新. 3.MVVM模式(Model-View-ViewModel)ViewModel是如何和View以及Model进行交互的.model放在data(可能多项)view放在el(v…