![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 69
qq_35574727
这个作者很懒,什么都没留下…
展开
-
Node环境、Vue-cli安装
一.下载Node.js打开官网下载链接:https://nodejs.org/en/download/我这里下载的是node-v6.9.2-x64.msi,如下图:二.开始安装Node环境1.下载完成后,双击“node-v6.9.2-x64.msi”,开始安装Node.js点击【Next】按钮勾选复选框,点击【Next】按钮修改好目录后,点击【N...原创 2018-08-01 14:22:31 · 213 阅读 · 0 评论 -
Vue-cli脚手架工具项目结构
vue-cli脚手架工具为我们搭建了开发所需要的环境,有必要对这个环境进行熟悉。例如:名为vuecliTest的项目目录一.简要介绍1.build文件夹:项目构建(webpack)相关代码2.config文件夹:项目开发环境配置文件3.node_modules文件夹:npm依赖的包管理4.src文件夹:项目源码放在此文件夹下5.static文件夹:项目静态文件夹目录。图...原创 2018-08-02 16:20:15 · 232 阅读 · 0 评论 -
Vue 基本语法
Vue优点:灵活、易用、高效; 用于构建用户界面的渐进式框架、自底向上逐层应用; Vue的核心库只关注图层,不仅易于上手,还便于与第三方库或既有项目整合。 当与现代化的工具链以及各种支持类库结合使用时,Vue也完全能够为复杂的单页应用提供驱动。 Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统;数据和 DOM被建立了关联,所有东西都是响应式的。 ...原创 2018-07-26 14:07:27 · 344 阅读 · 0 评论 -
vue-router——路由配置
一.什么是vue-routervue-router路由插件,这里的路由并不是指我们平时所说的硬件路由器,这里的路由就是SPA(单页应用)的路径管理器。再通俗的说,vue-router就是我们WebApp的链接路径管理系统。二.vue-router安装安装vue-routervue-router是一个插件包,所以我们还是需要用npm或cnpm来进行安装的。打开命令行工具,进入你的项目...原创 2018-08-07 10:28:08 · 14062 阅读 · 2 评论 -
vue-router——路由传值
一、用name传递参数1.在路由文件src/router/index.js里配置name属性。routes: [{path: '/',name: 'Hello',component: Hello}]2.模板里(src/App.vue)用$route.name的形势接收,比如直接在模板中显示:<p&...原创 2018-08-07 13:37:54 · 317 阅读 · 0 评论 -
vue-router——重定向-redirect、过渡动画、路由钩子
一.vue-router的重定向-redirect有时候设置的路径不一致,但是我们希望跳转到同一个页面,或者说是打开同一个组件。这时候我们就用到了路由的重新定向redirect参数。redirect基本重定向我们只要在路由配置文件中(/src/router/index.js)把原来的component换成redirect参数就可以了。我们来看一个简单的配置。export defa...原创 2018-08-07 14:40:25 · 9894 阅读 · 0 评论 -
Vue——样式绑定、计算属性与监听属性比较
一.样式绑定http://www.runoob.com/vue2/vue-class-style.html二.computed vs methods我们可以使用 methods 来替代 computed,效果上两个都是一样的,但是 computed 是基于它的依赖缓存,只有相关依赖发生改变时才会重新取值。而使用 methods ,在重新渲染的时候,函数总会重新调用执行。例子:...原创 2018-07-27 10:13:56 · 286 阅读 · 0 评论