vue安装及使用
_HaoJie
来一起交流学习前端
展开
-
node环境安装
Node环境安装(1)Windows安装Node.js登录node官网(https://nodejs.org/en/)可以看到各种平台node版本下载。本节主要讲解下windows平台安装node.js安装方式有两种Windows 安装包(.msi)和Windows 二进制文件 (.exe)安装。1、Windows 安装包(.msi)32 位安装包下载地址 : https://nod...原创 2019-07-02 14:10:27 · 489 阅读 · 0 评论 -
vue脚手架(vue-cli)搭建与工程化
(1)为了快速安装vue-cli,可以先安装淘宝镜像cnpm (如已经下载可忽略):npm install -g cnpm --registry=https://registry.npm.taobao.org(2)全局安装vue-cli(如果npm和node版本过低时会报错,下载新版本即可):cnpm install -g vue-cli前提条件: Node.js (>=4.x, ...原创 2019-07-02 16:38:56 · 285 阅读 · 0 评论 -
vue工程化之(组件导出与组件导入、插件的引入【swiper,jQuery,animate,bootstrap】、项目打包压缩)
(1)组件导出与组件导入1.组件导出可以用export default组件导出export default单次限制:在组件模块中,只能使用export default向外暴露一次2.组件导入区别:①执行时机:require 是运行时才执行, import 是编译时执行;②导入位置:require可以理解为一个全局方法,所以它可以在任何地方导入组件模块,而import必须写在文件的顶...原创 2019-07-04 14:29:45 · 1653 阅读 · 0 评论 -
vue工程化 路由的配置
router可以译为路由器,在项目开发中是Vue.js 官方的路由管理器,主要功能是实现组件的路由配置。接下来讲解下路由router的使用步骤(1)首先在src下新建个router目录,然后在里面新建个index.js文件,此时通过import router from './router’便可以识别里面的index.js文件。(2)在src/main.js入口文件中引入相关模块及组件之...原创 2019-07-05 15:33:25 · 695 阅读 · 0 评论 -
VUE路由传参
方法:传参方法很多种,主要讲解最常用的query语法,优点F5刷新页面后不会被清空query语法:由于参数是用路径传参的,所以F5强制刷新也不会被清空(1)新建商品详情页组件GoodInfo.vue(2)配置路由(router/index.js)(3)编写商品展示页面基本结构(4)添加a链接点击事件,开始传参(5)methods选项,通过query传参①this.$route...原创 2019-08-15 09:46:08 · 257 阅读 · 0 评论 -
vue裁剪公共部分和路由跳转清除定时器
裁剪公共部分实现思路:在根组件App.vue中:在导航栏使用v-show或v-if条件渲染指令判断当前路由,再来决定是否渲染展示(1)首先初始值肯定为true(2)监听路由变化:在app.vue 中监听$route 的变化,获取跳转到的路由信息,通过路由 进行判断即可$route 表示(当前路由信息对象)监听路由变化语法:①to是要跳转的路由②from是当前路由...原创 2019-08-15 14:18:27 · 267 阅读 · 0 评论