木子聊前端

前言vue 升级到3.0以后，vue-router 也发布了配套到升级 4.0+，使用路由的逻辑还是一样的只是一些方法改变了而已；在vue开发单页面中，就算没有路由也一样可以正常使用组件完成工作，但是通常还是加入路由进行管理；路由执行：组件（映射到）== > 路由配置 == > 渲染页面项目目录分配一般在使用路由的时会按照，路由执行功能，建立不同文件夹方便管理，在src目录下面；...省略+stc +routes index.js // 存放路由配置 +vi

vue.config.js 是一个可选的配置文件，在安装cli的时候并不会自动生产，需要使用的时候自己手动编写，名字不能错，放在更目录下面，它会被 @vue/cli-service 自动加载，执行；详细的介绍见官网，初略使用看下面由于使用的官网cli很多都帮我们处理好了。以后在写自定义脚手架打包自动加入公用样式css在环境变量一节介绍分离不同的配置文件，自动加入公用样式比如定义变量和公用样式放到一个less文件comm.less， 这个文件生产和开发环境都需要，就配置在base.config.js

依据vue-cli 搭建一个 vue3.0 的项目通过这个命令// vue create 项目名称 vue create muzi然后通过 npm 命令,把项目启动npm run serve 查看项目启动成功，不成功找找原因。npm run serve 是如何启动要完全解释这个问题，需要另外一片文章，这里主要围绕vue3.0环境变量。那么在vue这个项目中，发生了什么事情？打开 项目的 package.json：找到如下代码"scripts": { "serve": "vue

在生活中把一些含有我们需要的东西但是比较粗旷通过一定的装置过滤出更接近需要的产品，这个装置大概就是过滤器。比如：过滤沙子的纱网，经过纱网过滤可以得出精细的沙子；程序编写通常也会有很多类似的骚操作，在vue中提供自定义过滤器，得到更需要的精准数据，来了解一下需求：展示一个产品的价格price。解析需求：产品的价格可能包含小数点，可能该产品还未定义用‘–’来表示开发需求前端从后端获取一个价格数据字段price，这个字段可能包含的结果是null，‘ ’，或者是undefined ，这个时

前言和概念在表单输入或者选择元素上例如input，select，textarea 添加上，看上去html 标签属性的东西 v-model，在vue中叫指令，就构成了 表单的双向数据绑定，即在输入的时候js同时也获取了到数据，改变js数据的时候input的内容也会随着改变。这个就是v-model 成为vue中比较核心的特点之一vue文档解释其实这是一个语法糖，相当于包装了一个写起来不太舒服语法，后面试着解释文章说明本章主要记录v-model 基础使用v-model 语法糖的解释v-model

接上一篇《vue 开发插件 一》完善插件交互逻辑插件讲究高度配置化，弹框提示的插件要始终保持一个，并且要保证上一个弹框已经关闭处理配置参数定义一个方法来接受弹框内容和配置进行处理参数，并且有默认的参数，同时判断显示隐藏，如果只是传入一个字符串，那就是直接作为弹框提示内容// 记录最后一个弹框let lastAlert = null;function alert(config) { // 默认的参数 和 组件的属性要同步 const defaultConfig = { titl

通过vue 暴露一个install 方法，从组件到插件的运用，从而实现完整的一套插件