vue
bingqise5193
这个作者很懒,什么都没留下…
展开
-
vue-cli 2.x新手超详细源码解析(一)— npm与package.json
本文为小白学习笔记,如有错误还请各位大神指正! 刚刚接触vue时,都会下载vue-cli,而运行新建项目的第一句话就是npm run dev,那么就从这句话开始吧。 npm与package.json 首先npm run是npm的一个命令,npm是什么呢? Npm全名node package manager, 顾名思义node包管理器,你安装node的时候,npm也一起安装在你电脑...原创 2019-05-16 11:40:33 · 1191 阅读 · 0 评论 -
vue+element-ui 编译出错 unexpected token的问题
问题描述 为了使用element-ui中的一些新特性,升级版本后也升级了相应的vue,vue-loader等,但是出现如下问题: 问题分析 可以看到是由于解析不了jsx的语法出错,只需要增加对其的支持即可 解决办法 具体参考:https://github.com/vuejs/babel-plugin-transform-vue-jsx ...原创 2020-10-19 11:43:37 · 2403 阅读 · 0 评论 -
vue vue-router 各个守卫的详细理解
导航守卫分类 导航守卫按照维度分三个: 全局的:进入任何一个路由都会执行 beforeEach:进入路由前执行 beforeResolve:在导航被确认之前,同时在所有组件内守卫和异步路由组件被解析之后,解析守卫就被调用 afterEach:导航确认执行时执行,可理解为导航完成时执行 路由的:进入某个路由才会执行 beforeEnter: 进入该路由前 组件的:进入某个组件才会执行组件...原创 2019-11-07 19:57:14 · 2834 阅读 · 1 评论 -
webpack最简单的HelloWorld
安装webpack和webpack-dev-server/webpack-cli 新建一个目录demo,初始化配置: npm init npm install webpack --save-dev npm install webpack-dev-server --save-dev npm install webpack-cli JS文件 demo目录下,新建 webpack.confi...原创 2018-08-27 15:29:14 · 611 阅读 · 0 评论 -
vue.js element-ui动态改变组件placeholder的值
element-ui根据条件动态改变组件placeholder的值 假设有一个需求,一个下拉框select,如果无选项,则显示 暂无可用VPC,请先申请,如果有选项, 则显示 请选择 利用vue.js 的v-bind属性,将placeholder绑定一个动态参数,如下: :placeholder="vpcPlaceholder" 该动态参数通过某个条件计算而来,因此将该参数写...原创 2019-08-21 17:31:23 · 11095 阅读 · 0 评论 -
vue.js v-model 与 v-bind的区别
可以简单地这么理解: v-model 为 双向数据绑定; v-bind为单向数据绑定。 先来看一个例子: <!DOCTYPE> <html> <head> <title>v-model与v-bind</title> <meta charset="utf-8"> <script src="https://cdn.j...原创 2019-08-22 18:25:56 · 264 阅读 · 0 评论 -
vue.js 一个超简单的例子让你搞懂nextTick的使用场景
先看一个以下的例子: <!DOCTYPE> <html> <head> <title>vue-exe</title> <meta charset="utf-8"> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>...原创 2019-09-02 13:59:54 · 583 阅读 · 0 评论