caipital的博客

实现功能：Vue中使用js控制滚动条动画滚动知识：js中scrollTop、scrollHeight、offsetHeight、clientHeight、offsetTop的区别

首先搭建一个Vue脚手架，参考：https://editor.youkuaiyun.com/md/?articleId=108566766删除项目无关的文件：1.删除components/HelloWorld.vue组件。2.删除路由里导入的组件代码：3.删除App.vue中的样式和图片：4.删除assets里的图片：运行http://localhost:8081可以看到页面上什么都没有，我们现在可以开始搞事情了。安装Vuexcnpm i vuex --save-dev在src目录下新建一

使用vue webpack 模板搭建项目步骤：用cmd gitbash vsCode的终端等命令行工具都可以开始安装。。。如果电脑有安装cnpm，以下操作中的npm都可用cnpm替代。1. 安装 node.js(npm)，因为会用到npm包管理工具下载项目依赖等2. 安装 webpack: npm install webpack -g3. 安装 vue-cli： npm install vue-cli –g4. 通过vue-cli，初始化vue项目： vue init webpack projec

实现一个入门级别的Vue路由1.引入vue-router.js：可以采用npm安装，cdn链接，也可以直接下载vue-router.js,因为是入门，所以用cdn链接最简单。//先引入vue.js,载引入vue-router, 因为vue-router依赖于vuevue：https://cdn.jsdelivr.net/npm/vue/dist/vue.jsvue-router：https://unpkg.com/vue-router/dist/vue-router.js2.定义组件：//

组件注意事项1.组件里面的data 必须是一个函数 这个函数必须要return2.组件里面的template 只能由1个根元素3.件的使用:如果定义的时,是大写驼峰,那么使用的时候把驼峰拆成,加短横线的写法4.组件有的版本可以嵌套，有的不可以定义组件1.全局组件<div id="app"> <com1></com1></div>// 全局组件<script> Vue.component('mycom', {

页面如下：（为了好看一些，引用了bootstrap框架，如果需要可以去官方下载js、css文件）将品牌列表渲染到页面：分析：通过v-for指令渲染即可<div class="row"> <table class="table table-striped table-bordered table-hover"> <thead> <tr> <th>id</th

要求：使用Vue语法知识实现以下功能，页面上有若干个li标签，每个li最开始都是蓝色不加粗的字体，当鼠标单击某个li时，该标签的文字呈现红色加粗样式。说实话，一开始看到这题，我太亲切了，用JQuery里面this.addClass('current').siblings().removeClass('current')一下不就搞定了吗？但是题目要拿Vue做，这可怎么办？诶，我还是想抱着试一试的状态，用我根深蒂固的MVC思想，先拿到当前点击的对象再给对象添加类名，于是，有了下面的方案一：<!DO