
vue
文章平均质量分 66
Servenity
Web前端在于无止境得折腾。
展开
-
vue项目构建
NPM在用 Vue.js 构建大型应用时推荐使用 NPM 安装,NPM 能很好地和诸如 Webpack 或 Browserify 模块打包器配合使用。Vue.js 也提供配套工具来开发单文件组件。# 最新稳定版$ npm install vue命令行工具 (CLI)Vue.js 提供一个官方命令行工具,可用于快速搭建大型单页应原创 2017-10-31 16:20:17 · 522 阅读 · 0 评论 -
VUE 路由及组件使用
一、组件在src里面components文件夹下面新建一个你需要的组件,例如navs这样一个组件。在navs.vue里面写你的结构样式等内容封装一个导航的模块;然后在需要你入的文件里面引入,例如app.vue下面import navs from './components/navs/navs';export default { name: 'app', components:{原创 2017-12-21 14:14:47 · 1475 阅读 · 0 评论 -
vue-router: 路由传参
路由传参数。在很多时候我们需要路由上面传递参数,比如新闻列表页,我们需要传递新闻ID,给新闻详细页。 1.新闻列表页模板 template id="news"> div> h2>新闻列表h2> ul> li> router-link to="/new转载 2018-02-06 10:49:14 · 283 阅读 · 0 评论 -
【VueJS】实例中data属性的三种写法及区别
1、__script type="text/javascript"> var app=new Vue({ el:'#app', data:{ isLogin: false } })script>2、__script type="text/javascript"> var app=new转载 2018-02-06 17:16:34 · 10705 阅读 · 0 评论 -
VUE组件之间的数据传递
Vue 的组件作用域都是孤立的,不允许在子组件的模板内直接引用父组件的数据。必须使用特定的方法才能实现组件之间的数据传递一、父组件向子组件传递数据在 Vue 中,可以使用 props 向子组件传递数据。 子组件部分:这是 header.vue 的 HTML 部分,logo 是在 data 中定义的变量。如果需要从父组件获取 logo 的值,就需要使用 props: ['logo']在 props...转载 2018-06-21 10:08:33 · 311 阅读 · 0 评论 -
vue Router 路由守卫之beforeEach
你可以使用 router.beforeEach 注册一个全局前置守卫:const router = new VueRouter({ ... })router.beforeEach((to, from, next) => { // ...})当一个导航触发时,全局前置守卫按照创建顺序调用。守卫是异步解析执行,此时导航在所有守卫 resolve 完之前一直处于 等待中。每个守卫方法接...原创 2018-06-07 11:48:39 · 21400 阅读 · 0 评论 -
vue-router vue-x 实现状态改变 拦截路由
一丶首先在用户登录前后分别给出一个状态来标识此用户是否登录(建议用vuex);import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex);var state = { token:0, //初始时候给一个 token=0 表示用户未登录};const mutations = { change(state,data){ ...原创 2018-06-07 14:00:51 · 1859 阅读 · 0 评论