Sky_msk的博客

有些 webpack 选项是基于 vue.config.js 中的值设置的，所以不能直接修改。例如你应该修改 vue.config.js 中的 outputDir 选项而不是修改 output.path；你应该修改 vue.config.js 中的 publicPath 选项而不是修改 output.publicPath。这样做是因为 vue.config.js 中的值会被用在配置里的多个地方，以确保所有的部分都能正常工作在一起。参考vue-cli文档点击查看const path = require.

// 引入组件import Loading from './loading.vue'import Button from './Button .vue'const components = [ Loading, Button ]// 定义 Loading 对象const myPlugin = { // install 是默认的方法。当外界在 use 这个组件的时候，就会调用本身的 install 方法，同时传一个 Vue 这个类的参数。 install(Vue){ //

注册全局指令Vue.directive('focus',{ // 只调用一次，指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置 bind(el, binding) { console.log('bind：',el,binding) // el触发的元素 console.log(binding.modifiers) // 修饰符 console.log(binding.value) // 属性值 console.log(binding.arg) // 属性

生命周期：父组件嵌套子组件的生命周期执行顺序因为vue在解析时是逐行解析，最外层标签没有遇到闭合标签时是处于一个DOM没有完成加载的状态，所以还不能触发父组件的mounted，子组件包含于父组件中，优先完成DOM加载所以子组件的mounted会优先触发组件深入缓存组件生命周期触发的顺序// 没有缓存，动态组件的实现 <component :is="currentCpn" />// 有缓存，缓存组件的实现<div id="app"> <keep-aliv

Vue.directive('focus',{ // 只调用一次，指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置 bind(el, binding) { console.log('bind：',el,binding) // el触发的元素 console.log(binding.modifiers) // 修饰符 console.log(binding.value) // 属性值 console.log(binding.arg) // 属性名 i

拉开序幕的setup理解：Vue3.0中一个新的配置项，值为一个函数。setup是所有Composition API（组合API）“ 表演的舞台 ”。组件中所用到的：数据、方法等等，均要配置在setup中。setup函数的两种返回值：若返回一个对象，则对象中的属性、方法, 在模板中均可以直接使用。若返回一个渲染函数：则可以自定义渲染内容注意点：尽量不要与Vue2.x配置混用Vue2.x配置（data、methos、computed…）中可以访问到setup中的属性、方法。但在se

vuex使用store对象管理共享状态，也就是全局变量import Vue from "vue"import Vuex from "vuex"Vue.use(Vuex)const store = new Vuex.store({ state: {}, mutaions: {}, getters: {}, actions: {}, modules: {}})export default storevuex的5个属性及作用分别是：state：用来存放多个组件会用到的公共属性m

嵌套路由const routes = [ { // 一级路由全称/home path: "/home", // 只有一级路由以/开头 component: () => import("@/views/home"), // 按需加载路由 children: [ { // 二级路由全称 /home/news path: "news", // 二级路由不能再以/ 开头 component: () => import("@/views/news") } ]