vue入门指南

vue入门指南

1、v-for指令        根据一数组的选项列进行渲染;语法:value,keyin itemsvalue,keyof items        变异方法:vue提供一组方法,对数组进行操作时候,会触发试图更新;push() pop() shift() unshift() splice() sort() reverse()2、v-on指令     
浏览:854 分类:Vuejs 标签: vue
vue内置指令/模板

vue内置指令/模板

        指令        指令:是一种特殊的自定义行间属性,指令的职责就是当其表达式的值改变时,相应的地将某些行为应用到DOM上。        在Vue中,指令以 v- 开头。       内置指令v-bind:动态的绑定数据。简写为 :v-text:更新数据,会覆盖已有结构。v-show:根据值的真假,切换元素的display属性。v-else-if:
浏览:880 分类:Vuejs 标签: 指令 vue 模板
vue介绍-渐进式框架/虚拟DOM/MVVM模式/声明式渲染

vue介绍-渐进式框架/虚拟DOM/MVVM模式/声明式渲染

        1、渐进式框架Vue        Vue是构建用户界面的渐进式框架,只关注视图层(view);        2、vue中两个核心点        响应的数据绑定        当数据发生改变,自动更新视图。内部利用Object.definedProperty中的setter/getter代理数据,监控对数据的操作。由于Object.definedPr
浏览:1398 分类:Vuejs 标签: vue MVVM
vscode1.17中的vue文件中emmet进行tab键不起作用

vscode1.17中的vue文件中emmet进行tab键不起作用

更新了vscode最新版本后发现在 .vue 文件中的 template 文件中,输入 html 标签后按 tab 时无法补全标签。在网上找到 emmet 默认配置问题,了解到 vscode 新版本 emmet 并不默认支持 vue 文件,需要手动设置:打开文件 -> 首选项 -> 设置,按 Ctr+F 搜索 emmet.syntaxProfiles,在其右侧输入:"em
浏览:1423 分类:Vuejs 标签: vscode vue emmet tab
vuejs笔记之路由传值总结

vuejs笔记之路由传值总结

1、一个『路径参数』使用冒号 : 标记。当匹配到一个路由时,参数值会被设置到 this.$route.params,可以在每个组件内使用。import Vuefrom'vue'import Routerfrom'vue-router'import Testfrom'@/components/Test'Vue.use(Router)exportdefaultnew Route
浏览:987 分类:Vuejs 标签: 路由 vuejs
vuejs笔记之vuex

vuejs笔记之vuex

        使用 vue-cli 搭建的脚手架,是没有安装 vuex 模块的,需要我们手动去安装,具体如何使用 vue-cli 搭建脚手架可以查看此片文章:http://menvscode.com/detail/59de348610c98d0e654c1b87;进入当前项目下的命令行窗口,输入 npm install vuex --save ,进行安装vuex模块。impo
浏览:843 分类:Vuejs 标签: vuex vuejs state mutations actions
vuejs笔记之vue组件使用例子

vuejs笔记之vue组件使用例子

项目环境是基于 vue-cli 搭建的脚手架,下图是 src 文件下的目录,具体如何使用 vue-cli 搭建脚手架可以查看此篇文章:http://menvscode.com/detail/59de348610c98d0e654c1b87。src/components/About.vue<template><div><h4>这里是about页面</h4><p>{{ rout
浏览:1182 分类:Vuejs 标签: 组件 vuejs
解决Do not use built-in or reserved HTML elements as component id: Header问题

解决Do not use built-in or reserved HTML elements as component id: Header问题

运行下方的vue组件代码代码,发现控制台报如下的错误:[Vue warn]: Do not use built-in or reserved HTML elementsas component id: Header这是因为 components 对象里的 Header,是 html5 原生的标签,将其改成 WebHeader即可。在这里要注意命名的时候,一定要避免与原生标签重
浏览:5054 分类:Vuejs 标签: component vuejs
vuejs笔记之路由钩子beforeEnter/beforeRouteEnter

vuejs笔记之路由钩子beforeEnter/beforeRouteEnter

路由钩子 beforeEnter(to,from,next),参数1:访问后地址obj;参数2:访问前地址obj;参数3:是否加载模板fn;beforeEnter() 触发的时间:访问这个网址之后,加载模板之前。如果不执行 next() 函数,就不会加载模板。 import Vue from 'vue'// 引入文件的路劲没有 ./ 或者 / ,那么直接是找node_mod
浏览:1447 分类:Vuejs 标签: beforeEnter vuejs 路由 beforeRouteEnter
vuejs笔记之页面的后退/前进/重定向

vuejs笔记之页面的后退/前进/重定向

返回/回退页面<button @click="$router.go(-1)">返回</button>前进<button @click="$router.go(1)">前进</button>另一种返回/回退页面的写法const news = Vue.component('news', { template:'<div>这里是news页面</div>', mounted(
浏览:1494 分类:Vuejs 标签: router vuejs 路由 redirect
去除vue-cli脚手搭构建项目后代码Eslint验证(语法格式验证)

去除vue-cli脚手搭构建项目后代码Eslint验证(语法格式验证)

1、再用 vue-cli 搭建脚手架的时候,将 Use ESLint to lint your code? 选为No;如何再用 vue-cli 搭建脚手架,可查看此链接:http://menvscode.com/detail/59de348610c98d0e654c1b87。2、若搭建的时候,不小将 Use ESLint to lint your code? 设置为 Y
浏览:1327 分类:Vuejs 标签: vue-cli vuejs Eslint
vuejs笔记之路由传值的3种方式

vuejs笔记之路由传值的3种方式

vuejs路由传值的三种方式。1、通过url进行传值,在路由内进行设置;const router =new Router({ routes: [ {path:'/', component: index},    {path: '/about', component: about}, {path:'/:mvc', component: about} ]
浏览:1148 分类:Vuejs 标签: 路由 vuejs

邮箱快速注册

忘记密码