qwerewf的博客

这篇文章主要介绍下vue-cli3.0项目搭建，项目结构和配置等整理一下**转载于：**https://www.cnblogs.com/coober/p/10875647.html一、介绍Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。有三个组件：CLI：@vue/cli 全局安装的 npm 包，提供了终端里的vue命令（如：vue create 、vue serve 、vue ui 等命令）CLI 服务：@vue/cli-service是一个开发环境依赖。构建于 webpa.

vue中watch的用法其实watch它是对data中的数据监听回调，当data中的数据发生变化的时候。监听就会被回调函数中传入两个参数一个newVal另一个为oldVal。watch的使用场景：当data中的某个数据发生变化时，我们需要做一些异步操作以及开销较大的操作。我们就可以是用watch进行监听。watch监听基本数据：：<template> <div class="contain-wrap"> <p>个人信息情况: {{ basicMsg

在项目中常常需要切换不同的组件，这时候我们就可以使用vue内置的动态组件的方式来实现。component 组件：在页面中通过使用component元素，在根据组件中的is属性来动态的切换不同的组件。demo:<template> //index.vue <div class="contain-wrap"> <input type="button" @click="fatherBtn()" value="点击显示子组件"> <component :

虽然在项目中很少用到混入的使用，但还是记录一下关于vue中混入的使用。简介：先来讲讲什么是混入吧，借用vue官方的回答就是。混入 (mixins) 是一种分发 Vue 组件中可复用功能的非常灵活的方式。混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被混入该组件本身的选项。通过阅读官方我个人结合demo的理解，就是将混入对象中的数据以及一些方法结合到组件中，可以理解为将这个两种东西融合为一体！接下来我们通过demo来加深理解：钩子函数的共存<template>

问题:大家可能在写项目的时候经常看到style 标签中 scoped 属性，其实这个属性就是为该组件设置私有样式，防止污染其它组件的样式。例如：创建一个组件foodNews，index<template> <div class="container"> <span class="title">为何房价！！！</span> </div> </template><style lang="scss">

uni-app 全局变量的实现方式1.公用模块2.globalData3.Vuex1.公用模块定义一个专用的模块，用来组织和管理这些全局的变量，在需要的页面引入。注意这种方式只支持多个vue页面或多个nvue页面之间公用，vue和nvue之间不公用。示例如下：在uniapp根目录下创建comm目录，然后在common目录下创建一个index.js文件用户定义一些公用的方法const websiteUrl = 'http://uniapp.dcloud.io'; const no

在编写项目的时候会遇到刷新页面时，vuex中的状态会被重置的原因产生原因解决方案案例产生原因：由于store里的数据是保存在运行内存中的,当页面刷新时，页面会重新加载vue实例，store里面的数据就会被重新赋值解决方案：当用户修改了state状态刷新的时候vuex实现又被重新加载了， 那怎么办呢？ 这时候我们可以利用BOM的sessionStorage来进行存储。为什么选择sessionStorage的原因：localStorage是永久存储在本地，除非你主动去删除;s