早早踏入养生行列

解决vue中map类型数据改变，无法触发视图更新问题：我们在写 vue 的时候，data 数据可能会用到 map 类型的对象（带有迭代器的对象，谁不爱呢），比如说用 v-for 渲染到视图；用 map 对象会导致一个问题，即修改 map 对象里面的数据时，不会触发视图的更新，尤其是像下面这种使用：<template> <div> <div v-for="...

vue框架下浏览器打印部分页面功能业务情景方案业务情景需要在vue框架下spa应用中，使用浏览器打印下面这种格式的外卖小票方案使用 jq 的 jq-print 的框架：npm 库中没有，需要手动引用，且版本更新不方便，故放弃使用 window.print() 方法：在同一个窗口下，先将 body 和要打印的内容用变量存储，然后将页面的 body 里面的内容替换为要打印的内容，...

vue的$refs的奇怪行为情景奇怪点情景通过 v-for 动态生成一组组件的 ref 名字，然后再通过 $refs[ref 名字] 来调用组件奇怪点正常使用 $refs 时，$refs 对象结构：使用 v-for动态生成时：...

工程化中vuex的使用安装挂载到vue使用安装使用npm在项目目录下运行：//cnpm更快npm install vuex --save挂载到vue在 src 文件目录下新建 store 文件，然后在 store 文件下建立 store 的存储文件 store.js：import Vue from 'vue';import Vuex from 'vuex';Vue.use(...

使用vue脚手架时的知识点样式作用域样式作用域在不同的组件之中对同名标签设置不同的样式时，样式之间会覆盖，比如在 HelloWorld.vue 中设置：<template> <div class="hello"> <h1>{{ msg }}</h1> </div></template><style...

vue脚手架安装使用步骤安装node.js安装全局 vue-cli创建一个基于 webpack 模板的新项目安装模块所需依赖运行项目安装node.js在官网下载安装就行，在这里就不在叙述安装全局 vue-cli在 windows 下使用 powershell 来进行创建，先打开 powershell在命令行内键入npm install --global vue-cli创建一...

在写Vue中遇到的问题 <div id="app" v-bind:style="{fontSize: size + 'px'}"> <my-component message="hello" v-on:bigger="test" v-bind:style="{fontSize: size + 'px'}"></my-component> &lt...

vue学习笔记vue起步vue模板语法vue起步vue应用语法格式：var vm = new Vue({//选项})vue示例:<div id="div_test"> <h1>hello : {{first}}</h1>//veu使用{{valuename}}来绑定数据和函数 <h1>world : {{sec...