7.VUE实例的生命周期钩子
7.VUE实例的生命周期钩子生命周期函数 就是 VUE 实例在某一个时间点会自动执行的函数生命周期函数直接定义在 VUE 的实例上并不定义在 methods 中 newVue 创建一个 VUE 的实例 InitEvents amp L...
8.VUE的模板语法
8.VUE的模板语法差值表达式 v text 指令 div 中的 innerText 的内容变成了 data 中的 name 的数据内容与差值表达式的功能一样也是 VUE 的模板语法可以将数据变量显示在页面上将 h1 标签转义输出所以...
9.VUE的计算属性 方法和侦听器
9.VUE的计算属性 方法和侦听器计算属性 computed 内置缓存 fullName 依赖了两个变量 firstName 和 lastName 当 fullName 依赖的变量没有发生任何变化时计算属性不会重新计算而是直接使用上一...
VUE：export default 和 export 的使用方式
VUE：export default 和 export 的使用方式node 中导入模块 var 名称 require 模块标识符 node 中向外暴露成员的形式 module exports 在 ES6 中 也通过规范的形式 规定了 ...
vue项目在浏览器地址栏设置favicon.ico图标
vue项目在浏览器地址栏设置favicon.ico图标将图标文件放在本地项目 static images 文件夹下修改 index html 代码如下 DOCTYPEhtmlh utf 8 metaname viewport cont...
10.VUE的样式绑定
10.VUE的样式绑定class 的对象绑定 借助 class 以对象的形式将样式与数据进行绑定 DOCTYPEhtmlh en headmetachar UTF 8 titleVUE 的样式绑定 titlescripts https...
11.VUE中的条件渲染及列表渲染
11.VUE中的条件渲染及列表渲染v if 指令 控制一个模板标签是否在页面上显示 v if 后面跟着一个 js 表达式这个表达式的返回值决定了 div 标签是否真实的挂载到页面上通过 v if 指令结合 js 表达式决定一个 DOM...
12.VUE中的set方法
12.VUE中的set方法VUE 中的 set 方法通过 set 方法向页面中注入数据数据发生变化时页面也会发生变化对象中的 set 方法的使用 Vue set vm userInfo address3 beijing Vue set...
vue 动态绑定的本地图片不显示
vue 动态绑定的本地图片不显示v for 绑定 src 的数据如下 data return img src assets images mirror service png 渲染之后 发现图片不显示 上网查找之后发现是因为本地图片链...
Vue单独为组件设置body的css样式
Vue单独为组件设置body的css样式beforeCreate document querySelecto body setAttribute style background color f6f7fa beforeDestro d...