早早踏入养生行列

解决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...