目录 路飞项目 vue vue 导读 vue 的优势 渐进式框架 引入 vue 实例成员 - 挂载点 el js 对象(字典)补充 实例成员 - 数据 data 实例成员 - 过滤器 filters 文本指令 v-text.v-html.{{}} 反引号补充 - js 多行字符串 事件指令 v-on 属性指令 v-bind 案例 - 动态修改文本样式 表单指令 v-model 路飞项目 ''' 1. vue 框架 前台html+css+js框架,是不同于 js 与 jquery (DOM驱动)数…
目录 路飞项目 vue vue 导读 vue 的优势 渐进式框架 引入 vue 实例成员 - 挂载点 el js 对象(字典)补充 实例成员 - 数据 data 实例成员 - 过滤器 filters 文本指令 v-text.v-html.{{}} 反引号补充 - js 多行字符串 事件指令 v-on 属性指令 v-bind 案例 - 动态修改文本样式 表单指令 v-model 路飞项目 ''' 1. vue 框架 前台html+css+js框架,是不同于 js 与 jquery (DOM驱动)数…
Vue 可以独立完成前后端分离式web项目的JavaScript框架 三大主流框架之一: Angular React Vue 先进的前端设计模式:MVVM 可以完全脱离服务器端,以前端代码复用的方式渲染整个页面:组件化开发 特点: 单页面web应用 数据驱动 数据的双向绑定 虚拟DOM 1 vue初识 变量的定义与值的的输出 vue变量:被称为插值表达式 {{ vue变量 }} <div id='app'> <h1> {{ h1_msg }} </h1> <h2&…
Vue导读 1.Vue框架 vue是可以独立完成前后端分离式web项目的js框架 三大主流框架之一:Angular.React.Vue vue:结合其他框架优点.轻量级.中文API.数据驱动.双向绑定.MVVM设计模式.组件化开发.单页面应用 Vue环境:本地导入和cdn导入 2.Vue是渐进式js框架 通过对框架的了解与运用程度,来决定其在整个项目中的应用范围,最终可以独立以框架方式完成整个web前端项目.3.怎么使用vue 去官网下载然后导入 <div id="app">…
挂载点:vue实例 里面的el属性 对应的 id 所在的dom节点 模板:指的是挂载点内部的内容           模板可以写在挂载点内部           也可以写在属性里面 demo <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>vue入门</title> <script src=&quo…
目录 一.Vue基础 (一)什么是Vue (二)为什么学习Vue (三)如何使用Vue 二.Vue指令 (一)文本指令 (二)事件指令v-on (三)属性指令v-bind (四)表单指令v-model (五)条件指令v-if (六)循环指令v-for (1)用法 (2)基于循环指令的todolist案例 (七)斗篷指令v-cloak 三.Vue实例成员 (一)el:实例 (二)data:数据 (三)methods:方法 (四)computed:计算 (五)watch:监听 (六)delemite…
目录 VUE框架介绍 what?什么是vue? why?为什么要学习vue? special特点? how如何使用? 下载安装? 导入方式? 挂在点el 插值表达式 delimiters自定义插值表达式括号 过滤器 VUE框架介绍 what?什么是vue? 渐进式 javaScript框架 渐进式?:可以通过vue控制某个标签,那么一个网页可以把所以内容写进一个标签,就可以通过vue控制整个页面. 渐进式:可以控制一个页面的一个标签,也可以控制一系列标签,也可以控制整个页面,甚至可以控制整个前台…
函数创建: 3种创建函数的方式    * 直接声明函数 function funcName(/*参数列表*/){ //函数体 } * 函数表达式 var funcName = function(){ }; * new Function() var func = new Function(); var 函数名 = new Function(); //创建一个空的函数 var 函数名 = new Function("函数体") //创建一个没有参数的函数,只有一个参数就是函数体 var 函…
1.new Vue创建根实例 2.data对象,所有的属性加入到 Vue 响应式系统-值发生改变时,视图自动变更为新值 只有实例被创建时存在的属性才会响应式改变,后增加的不会 vue定义的实例属性和方法用$修饰,以区分用户定义的 new Vue({ el:'#app', data:{ msg1:'', msg2:'' } }) 3.生命周期钩子函数,created,mounted,updated,destroved.生命周期钩子的this上下文指向调用它的Vue实例 new Vue({ el:'…
静态成员也称为共享成员,例如静态属性 静态字段 静态方法:静态成员可以在类的实例之间共享. 静态类中只能有静态成员,不能有实例成员,因为静态类不能进行实例化: 在非静态类中 即可以有静态成员 也可以有非静态成员: 只要是静态成员 属性 字段 方法,都需要用类名去调用: 静态成员和实例成员的区别: 静态成员需要通过static修饰,非静态成员不需要通过static修饰: 静态成员属于类,可以直接通过“类名.静态成员”的方式访问: 非静态成员,必须实例化对象后,通过对象.实例成员来访问; 当类第一次…