
vue
文章平均质量分 57
「已注销」
这个作者很懒,什么都没留下…
展开
-
Vue 组件
1、注册方式Vue.Component(name,object);//通过Vue的一个静态函数创建2、propsVue.component('myComponent',{ props[], template:''});组件被注册的时候,随之也创建了一个作用域,在组件的内部对组件上的参数的访问无效的。怎么解决这个问题呢,也就是这个props,一个参数数组,可以理解为函数的形参,如原创 2017-04-13 18:04:55 · 415 阅读 · 0 评论 -
Vue项目 五、表现->5.2数据模拟
1、json-server 安装全局安装json-servernpm install -g json-server 配置1、package.json设置为package.json添加一些设置:在scripts中加入代码:"scripts": { "mock": "json-server --watch mock/data.json --port 9090", "mockdev":原创 2017-04-19 19:56:55 · 2259 阅读 · 0 评论 -
Vue之Vuex
在Vuex的教程中提到,一些概念:mutation是改变state的唯一途径。mutation只能是同步的,action可以包含异步代码。我们想要改变state,只能通过mutation,而action想要改变state则需要commit mutation,那为什么又需要那么复杂的方式呢?为什么不直接通过mutation来改变呢。原因就在于他们的执行方式,mutation只能是同步的,也就是说原创 2017-09-19 11:38:42 · 819 阅读 · 0 评论 -
Vue之Vue-router
版本:2.6默认路由 在路由配置时,/所代表的就是根路由,也就是代开项目时所默认的路由routes = [ { path: '/', component: Home }] 二级标题 三级标题四级标题注:原创 2017-09-28 14:42:57 · 313 阅读 · 0 评论 -
Vue 深入探秘
挂载顺序为每个组件添加mounted钩子函数,此函数在组件被挂载完成的时候执行。执行的顺序为兄弟组件从上至下执行,父子组件父组件先执行。 watch实例的watch方法不仅可以观察data里面的数据,还可以观察父组件传送过来的props里的数据。 nextTick 将回调延迟到下次 DOM 更新循环之后执行。在修改数据之后立即使用它,然后等待 DOM 更新。它跟全局方法 Vue.nextTick原创 2017-04-14 17:07:39 · 942 阅读 · 0 评论 -
Vue项目4、Vuex
在中大型的项目中,组件与组件之间,父组件与子组件之间需要传递的参数是非常多的。通过简单的事件中心(bus)已经不能满足需求,这时候我们可以借助vue官方推荐的状态管理插件Vuex来管理我们的数据。Vuex 官方文档 Vuex 深入理解我们可以根据项目的需求定制不同的Vuex的结构,下面是Vuex官方给出的一个结构示例目录:store ├── index.js # 我们组装原创 2017-09-21 10:40:23 · 181 阅读 · 0 评论 -
Vue项目 其他
组件style初始化css编写组件时,style标签的设置<style type="text/css" rel="stylesheet/css"></style> //使用css<style lang="scss" rel="stylesheet/scss"></style> //使用scss,语法也要与之对应<style lang="sass" rel="stylesheet/sass"></原创 2017-09-28 20:41:47 · 262 阅读 · 0 评论 -
Vue项目 二、依赖安装以及基本配置
依赖安装1、vue-router路由管理。官方文档、深入理解npm install vue-router --save-dev2、node-sassnpm install node-sass --save-dev3、sass-loadernpm install sass-loader --save-dev4、style-loadernpm install style-loader --save-de原创 2017-09-28 20:01:23 · 1072 阅读 · 0 评论 -
Vue项目 一、准备以及初始项目解析
准备–技术栈Html+css+javascriptwebpackES6基本语法 Vuevue-router 路由vue-axios 网络请求scss css预编译 安装1、安装vuenpm install vue -g2、安装vue-cli脚手架npm install --global vue-cli3、安装 node-sassnpm install -g node-s原创 2017-04-19 18:06:57 · 6922 阅读 · 1 评论 -
Vue项目 三、资源准备以及项目分解
项目分解成多少个模块,哪些模块是需要复用的。原创 2017-09-28 19:44:00 · 475 阅读 · 0 评论 -
Vue项目
二级标题 三级标题四级标题注:原创 2017-09-28 20:03:13 · 300 阅读 · 0 评论 -
Vue之Animate
Animate是一个基于CSS3的动画库,集成了很多实用的动画。 引入Animate引入Animate的方式有多种: 1、CDNcdn的话可以自己去网上找,我一般的是CDN。复制了link标签或者是url地址后,以link标签的形式插入到项目的入口html文件index.html。 2、npmnpm安装使用webpack的时候,可以用npm安装npm install animate.css --sa原创 2017-09-27 10:49:01 · 744 阅读 · 0 评论 -
Vue项目 三、静态页面
1、faviconvue中为网页增加favicon的最便捷的方式为使用link标签<link rel="shortcut icon" type="image/x-icon" href="./static/favicon.ico" rel="external nofollow" /> 从href属性我们可以知道,这个favicon.ico文件被放在static文件夹下。那可以不可以像平时的网页可以放在原创 2017-09-22 19:00:57 · 7785 阅读 · 0 评论 -
Vue项目 四、表现 4.1
1、登录验证原创 2017-09-28 19:48:44 · 281 阅读 · 0 评论 -
Vue项目 build构建
这时候项目已经完成,需要发布到网站上了。这时候就需要将此项目构建成需要发布的版本。命令:npm run build运行这句命令后,项目将会被构建到dist文件夹,文件夹有三个部分:dist├── index.html └── static ├── css │ ├── app.07f748db13e7a96b56e218ff0718169a.css │ └── a原创 2017-09-18 21:06:37 · 11126 阅读 · 1 评论 -
Vue之axios
基于 Promise 的 HTTP 请求客户端,可同时在浏览器和 node.js 中使用。 引入 1、npmnpm install axios --save-devaxios是不能够像vuex和vue-router一样注入各个字组件中的。所以不能在main.js中,是无效的:import axios from 'axios';new Vue ({ el: 'app', axios}原创 2017-09-28 16:02:37 · 847 阅读 · 0 评论