Vue实现动态显示textarea剩余文字数量这里我们假设允许用户输入的最多数量为200个html代码如下：<textarea maxlength="200" @input="descInput" v-model="desc" /><span>{{remnant}}/200</span>javascript代码如下：data(){return{remnant: 20

前几天在慕课网上学习了Vue高仿饿了么，将里面的知识点在这里记录下来。因为学习的是Vue1.0版本，自己学习升级为Vue2.0版本。但最近看到已经有了Vue2.0的视频讲解。GitHub地址：https://github.com/Hai-Jing1995/Vue-WebApp点击打开链接一、创建Vue-cli脚手架工具1、安装官方命令行工具$npm install --global

Vue.js中实现通过一个dom的事件，使得另一dom也触发事件最近做的项目中要求用户点击搜索按钮进入一个搜索界面，同时按下确认键也要进入搜索界面，这里我进入搜索界面时使用的是路由html代码如下<input type="text" class="inputText" v-model="searchText" /><router-link to="/search" class="search_i

Vue模拟数据，实现路由进入商品详情页面一、路由首先需要配置路由，就是点击good组件进入goodDetail组件配置路由如下 {path: '/goodDetail',component:goodDetail}同时在good组件中写入如下点击事件，路由中加入查询参数，也就是商品的id//点击路由到商品详细信息页selectGood(){

vee-validate的使用个人小结学习vee-validate，首先可以去阅读官方文档，更为详细可以阅读官网中的规则。英文文档可能会有不理解的地方，推荐大家看这篇博客下面来简单总结一下我的使用：一、安装npm install vee-validate@next --save后面加@next是为了安装vue2.0的版本二、引入我使用的是vue-cli脚手架工具，需要在main.js中import

Vue实现点击后文字变色切换这里用文字举例，图片切换的原理也是一样的大概思路是：用两个class相同的span分别是切换前后的文字，class相同主要是为了变换前后的文字位置相同。然后用click事件控制它们的显隐。代码如下：HTML:<span class="response" v-show="!showCommentInput" @click="showCommentInput = !show

首先我们假设，这里的登录组件（register.vue）是App.vue组件的子组件，是通过路由进入登录组件的。登录组件中用户点击登录后，后台会传过来一个用户名，我的App.vue组件中需要拿到这个用户名，并将上面的“登录注册”字样变为“用户名”。为了保证用户刷新后用户名不会消失，这里我用到了sessionStorage代码如下:register.vue中用户点击登录触发signIn方法