深海如梦的博客

聊聊关于vue 父子路由的实现和父子路由的高亮切换显示问题解决。

vue实现分页功能分页功能的实现，数据请求略过。html<div class="page" v-if="pageCout > 0"> <ul class="epages"> <li class="page-item" v-if="curPage > 1"> <button href="#9lala" @click="JumpTo(curPage -1)">&laquo;</button> &

动态绑定属性在v-for循环中，根据需求，在10条数据里，前3条添加不一样的样式。例子设置第一条数据的样式为one<li v-for="(item,index) in items" :key="index"> <span :class="index==0?'one':''">{{index+1}}</span></li>设置样式并判断<li v-for="(item,index) in items" :key="index">

一、安装如果你用vue-cli脚手架来搭建项目，配置过程会选择是否用到路由（详细见vue-cli 脚手架），如果选择y，后面下载依赖会自动下载vue-router。这里还是说一下安装：npm install vue-router二、创建组件如果在一个模块化工程中使用它，必须要通过 Vue.use() 明确地安装路由功能，在项目目录结构中，src文件目录下会有一个router文件夹，此处就是编写路由组件的地方。在src/router/index.js，这个文件就是路由的核心文件：import Vue

创建新的Vue项目在电脑上按快捷键win+R，输入cmd，然后输入vue init webpack 工程名(不能为中文)或者vue init webpack-simple 工程名两者区别：webpack-simple创建的，适用于中小型项目，webpack.config.js就在目录下webpack的则适用于大型项目，webpack.config.js文件给配置到 build=>we...

Vue 的组件的使用在工程目录/src下components文件夹下创建一个 first.vue并仿照 App.vue 的格式和前面学到的知识写一个组件。<template> <div id="first"> <h1>这是一个组件</h1> <a> {{ author }} </a> </di...

记录下学习Vue的过程，加深印象。什么是Vue？vue是一个轻量级框架，与其他重量级的框架不同的是，vue采用自底向上增量开发的设计。使用vue只需要关注视图层，不过使用起来让我感觉最不错的是vue的响应式数据绑定和组合视图组件。vue.js的使用？vue.js的开发环境我使用的是webstrom。vue的环境搭建首先要安装node，借助node里面的npm来安装需要的依赖等等，网上教程很...

记录下搭建vue的开发环境，并创建一个vue项目，以便以后需要的时候方便查阅。1.如何简单地使用Vue.js如同以前我们学过的Jquery一样，我们在程序中使用Vue.js时也可以使用直接引用的方法，直接下载并用 当然，和Jquery一样，Vue.js也可以使用CDN的形式引用在代码当中。在bootcdn网站中直接复制代码粘贴就可以了，也可以去别的网站的CDN，简单方便。2.vue环境搭建...