Vue
pikachues
这个作者很懒,什么都没留下…
展开
-
VueCli 4.0创建项目
全局安装脚手架npm uninstall -g @vue/cli-service-globalnpm install -g @vue/cli-service-global先卸载旧版本再安装。安装之后检查脚手架版本:vue -V创建项目1.创建项目vue create hello-worlddefault:默认配置,只添加babel跟eslint依赖Manually:自...原创 2020-04-10 15:55:17 · 1932 阅读 · 0 评论 -
Vue 支持JSX语法
什么是JSX语法JSX是一种JavaScript的语法扩展,运用于React架构中,其格式比较像是模版语言,但事实上完全是在JavaScript内部实现的。元素是构成React应用的最小单位,JSX就是用来声明React当中的元素,React使用JSX来描述用户界面(参考自百度百科)。其实jsx简单的理解就是在括号中写html元素。举例const element = ( <...原创 2019-12-25 16:33:23 · 836 阅读 · 0 评论 -
vue路由守卫配置
import Vue from 'vue'import Router from 'vue-router'import Home from '../pages/Home/Home'import Banner from '../pages/Banner/Banner'import User from '../pages/User/User'import Star from '../page...原创 2019-09-21 22:46:27 · 470 阅读 · 0 评论 -
vue根据链接生成二维码并且下载保存二维码
下载依赖cnpm i QRCode --save源代码<template> <div> <div class="page"> <x-header class="headerTop" > 漫画 <a slot="right" @click="goto('/myC...原创 2019-09-21 22:35:18 · 2544 阅读 · 3 评论 -
Vue父组件调用子组件方法
思考:都知道Vue中子组件调用父组件的方法是只要将父组件方法传到子组件用props接收即可使用,可是父组件该怎么调用子组件呢?子组件方法创给父组件根本行不通。解决思路:通过用ref对组件进行唯一标识,用this.$refs.标识名 即可调用子组件方法(this.$refs.标识名 返回的是子组件对象)子组件<template> <div> ...原创 2019-08-19 22:28:50 · 820 阅读 · 0 评论 -
使用 vue-cli(脚手架)搭建项目
目录1.搭建之前确保pc已经有node环境2.搭建项目2.1、选择项目位置2.2、安装vue-cli(脚手架)2.2、用vue-cli来创建一个基于 webpack 模板的新项目2.3、安装项目所需的依赖2.4、项目结构图2.5、在内存运行项目3.打包发布3.1打包3.2、下载发布工具serve3.3、用工具serve发布项目4.总结4....原创 2019-08-05 16:44:50 · 327 阅读 · 0 评论 -
Vue项目放在Tomcat中跑
1.配置文件找到output这一配置,添加一个配置publicPath: '/你的项目名字/',这里我的项目名为vue_demo output: { publicPath: '/vue_demo/' }2.打包(输入下面命令打包)npm run build打包成功后将打包生成的dist文件复制到Tomcat的webapps目录下,并且改名为上面配置的名字...原创 2019-07-27 12:00:18 · 2652 阅读 · 0 评论 -
Vuex简单学习
1.Vuex是什么Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具devtools extension,提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。简单来说: 对 vue 应用中多个组件的共享状态进行集...原创 2019-08-04 23:11:41 · 166 阅读 · 0 评论 -
Vue Router嵌套使用
接上篇:Vue Router简单使用1.定义子组件Messages.Vue<template> <div> <ul> <li v-for="m in messages" :key="m.id"> <!-- {{m.title}}--> <router-link :...原创 2019-08-02 21:03:54 · 179 阅读 · 0 评论 -
Vue Router简单使用
0.什么是路由Vue路由就是指vue-router,其中router是指根据url分配到对应的处理程序,所以说路由就是用来解析URL以及调用对应的控制器并返回从视图对象中提取好的网页代码给web服务器,最终返回给客户端。1.下载vue-routernpm install vue-router --save2.相关API1.VueRouter(): 用于创建路由器的构建函数...原创 2019-08-02 18:30:12 · 222 阅读 · 0 评论